React 获取Input值

淡淡的烟草味﹌ 2022-12-25 02:57 276阅读 0赞

[react监听input框里的值][react_input]

[https://www.jianshu.com/p/d87bf644f9ff][https_www.jianshu.com_p_d87bf644f9ff]

/**
     * @name Home
     * @desc 首页
     */
    
    import React, { Component } from "react";
    import "./Index.css"; //引入页面css
    class Home extends Component {
      constructor(props) {
        super(props);
        //react定义数据
        this.state = {
          account: "",
          password: "",
        };
      }
      change(e) {
        console.log(e.target.value);
        //设置数据的值，用this.setState({})
        this.setState({
          account: e.target.value,
        });
      }
      changePassword(e) {
        console.log(e.target.value);
        this.setState({
          password: e.target.value,
        });
      }
      render() {
        return (
          <div className="wrap">
            <div className="login_box">
              <input
                type="text"
                defaultValue={this.state.account}
                placeholder="账号"
                onChange={this.change.bind(this)}
              />
              <input
                type="password"
                defaultValue={this.state.password}
                placeholder="密码"
                onChange={this.changePassword.bind(this)}
              />
            </div>
          </div>
        );
      }
    }
    
    export default Home;

[react_input]: https://www.cnblogs.com/luguankun/p/11013495.html
[https_www.jianshu.com_p_d87bf644f9ff]: https://www.jianshu.com/p/d87bf644f9ff

发表评论取消回复

表情：

评论列表（有 0 条评论，276人围观）

还没有评论，来说两句吧...

相关阅读

相关 react 点击左边文字获取input 焦点

1. 普通写法 <label for="name">姓名：</label> <input id="name" vlaue="大狮兄"/> 2. 在 react 中 <l

港控/mmm°/ 2023年06月29日 05:42/ 0 赞/ 31 阅读

相关 uni-app 获取input的值

<input v-model="search" :value="search" @input="messagesearch" type="text" placehold

落日映苍穹つ/ 2023年03月13日 11:56/ 0 赞/ 47 阅读

相关 React按键修改input框中的值

import React, { Component } from 'react'; class App extends Component {

心已赠人/ 2023年03月04日 10:25/ 0 赞/ 118 阅读

相关 React_ref运用，ref获取子组件状态值，ref调用子组件方法，ref获取input的值

获取子组件状态值，ref调用子组件方法方式一 //父组件 class Main extends React.Component{ ca

爱被打了一巴掌/ 2023年02月13日 03:40/ 0 赞/ 56 阅读

相关 React 获取Input值

[react监听input框里的值][react_input] [https://www.jianshu.com/p/d87bf644f9ff][https_www.jian

淡淡的烟草味﹌/ 2022年12月25日 02:57/ 0 赞/ 277 阅读

相关 React获取input值并提交的2种方法实例

方法一利用DOM提供的Event对象的target事件属性取值并提交 1 2 3 4 5 6 7 8 9 10 11 12

ゞ浴缸里的玫瑰/ 2022年10月15日 00:42/ 0 赞/ 171 阅读

相关 jQuery获取多种input值的方法

转自：http://www.cnblogs.com/qinzi/archive/2012/10/25/2738646.html 获取input的checked值是否为

亦凉/ 2022年06月01日 10:52/ 0 赞/ 350 阅读

相关获取li和input的值

1.获取li的值例： document.getElementById("test").getElementsByTagName("li"); test为ul的id名 li

矫情吗；*/ 2022年05月24日 02:42/ 0 赞/ 321 阅读

相关获取input里面的值和给input赋值

1：先做好准备：创建一个MVC，再在MVC里面创建一个控制器，把接口的名称改为控制器的名称，然后在控制器里面建立一个不使用布局页的视图；创建的视图截图： ![在这里插

柔光的暖阳◎/ 2022年02月13日 13:45/ 0 赞/ 495 阅读

相关 uni-app 获取 input value 值

<template> <input type="text" v-model="search" :value="search" @input="message

古城微笑少年丶/ 2021年11月11日 08:22/ 0 赞/ 701 阅读