如何设置文本输入反应的状态

Posted

技术标签:

【中文标题】如何设置文本输入反应的状态【英文标题】:how to set state of textinput react 【发布时间】:2018-12-24 04:29:25 【问题描述】:

我刚学react Native,为什么我按下按钮时editable没有变为true?

class App extends React.Component 
  state =  isWrong: false ;

  render() 
    return (
      <div>
        <TextInput editable=this.state.isWrong />
        <Button
          onPress=() => 
            this.setState.isWrong = true;
          
        />
      </div>
    );
  

【问题讨论】:

this.setState( isWrong: true ) 【参考方案1】:

setState 是一个函数

const new_values =  isWrong: true ;
this.setState(new_values);

【讨论】:

【参考方案2】:

这样的事情应该会有所帮助:

<TextInput editable=this.state.isWrong />
<Button
  onPress=()=> this.setState( isWrong: true ) >
</Button>

【讨论】:

以上是关于如何设置文本输入反应的状态的主要内容,如果未能解决你的问题,请参考以下文章

反应表单错误将类型文本的受控输入更改为不受控制

如何将输入值从子表单组件传递到其父组件的状态以使用反应钩子提交?

反应输入文本失去对重新渲染的关注

状态更改后反应无法正确渲染

反应本机最后一个文本输入框最后没有设置值 onChange

反应 Typescript 输入 onChange 事件类型?