如何使用道具在ReactJS中保存用户输入（通过文本框）？

Question

我是ReactJS的新手，我想知道是否有道具让用户持续输入字符串（从文本框输入）。

Answer 1

我从你的问题中了解到，你只是想存储用户输入的用户输入值。 所以最好的办法是保持它的状态，以便跟踪它。由于用户输入可能会改变，所以最好存储在一个状态而不是道具。

因此，下面是可以给出这个想法的简单实现。

import React from "react"; 

export default class Bind extends React.Component{ 
    constructor(props) { 
     super(props); 
     this.state={ 
      value:'' 
     } 
     this.onChangeInput=this.onChangeInput.bind(this) 
    } 
    render(){ 
     return(
      <div> 
       <div className="well"> 
        <input onChange={this.onChangeInput}/><br/> 
        <cite>{this.state.value}</cite> 
       </div> 
      </div> 
     ); 
    } 
    onChangeInput(event){ 
     this.setState({ 
      value:event.target.value 
     }); 

    } 
} 

其实，在这个组件，我们已经初始化的状态空值，在我们的渲染方法，其中我们的输入外地在于我用它调用该函数一些function.and我们刚刚更新了变化事件我们的状态通过使用value: event.target.value

我希望这对你有意义，我会再说更好的使用状态来代替道具这里道具只是传递一些数据用于组件，它是不可变的，但状态是变化的东西，可以保持价值观，从而通过使用我们的观点改变。