Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/25.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Reactjs 如果某个组件的字段不应为';t触发重新渲染,它应该是国家的一部分还是成员?_Reactjs - Fatal编程技术网

Reactjs 如果某个组件的字段不应为';t触发重新渲染,它应该是国家的一部分还是成员?

Reactjs 如果某个组件的字段不应为';t触发重新渲染,它应该是国家的一部分还是成员?,reactjs,Reactjs,假设我有一个输入组件,它能记住字母a是否被输入, 所以我创建了一个布尔字段“wasAInput”, 但我不希望组件在更改时重新渲染 我应该在州里持有它,还是像这样作为一个普通会员持有 class NameForm extends React.Component { const wasAInput = false; constructor(props) { super(props); this.state = {value: ''}; this.handleCha

假设我有一个输入组件,它能记住字母a是否被输入, 所以我创建了一个布尔字段“wasAInput”, 但我不希望组件在更改时重新渲染

我应该在州里持有它,还是像这样作为一个普通会员持有

class NameForm extends React.Component {
  const wasAInput = false;
  constructor(props) {
    super(props);
    this.state = {value: ''};

    this.handleChange = this.handleChange.bind(this);
    this.handleSubmit = this.handleSubmit.bind(this);
  }

  handleChange(event) {
    this.setState({value: event.target.value});
    if(value.contains("a")) {
      this.wasAInput = true;
    }
  }

  handleSubmit(event) {
    alert('A name was submitted: ' + this.state.value);
    event.preventDefault();
  }

  render() {
    return (
      <form onSubmit={this.handleSubmit}>
        <label>
          Name:
          <input type="text" value={this.state.value} onChange={this.handleChange} />
        </label>
        <input type="submit" value="Submit" />
      </form>
    );
  }
}
类名称表单扩展了React.Component{
const wasAInput=false;
建造师(道具){
超级(道具);
this.state={value:''};
this.handleChange=this.handleChange.bind(this);
this.handleSubmit=this.handleSubmit.bind(this);
}
手变(活动){
this.setState({value:event.target.value});
如果(值包含(“a”)){
this.wasAInput=true;
}
}
handleSubmit(事件){
警报(“已提交名称:”+this.state.value);
event.preventDefault();
}
render(){
返回(
姓名:
);
}
}