Javascript 在保留onChange函数的同时，是否可以在React中将输入字段设置为只读？

我有以下React渲染功能：

render: function() {
  return <input type="text" name="my-input-field" value={this.state.myObject} onChange={myFunction} />;
}

render:function（）{
返回；
}

我希望这个输入字段在我检查过的某些条件下是只读的。我的理解是，如果我没有onChange函数，这个输入字段将默认为readonly。简单地添加readOnly标签对我来说不起作用

---

我如何重写它，以便以后可以更改只读状态

您可以使用排列属性来执行此操作：

render: function() {
  var opts = {};
  if( /* here your condition */ ) {
      opts['readOnly'] = 'readOnly';
  }

  return (
    <input 
      type="text" 
      name="my-input-field" 
      value={this.state.myObject} 
      onChange={myFunction} 
      {...opts} 
    />
  );
}

render:function（）{
var opts={}；
如果（/*此处为您的条件*/）{
选择['readOnly']='readOnly'；
}
返回(
);
}

如果您将值设置为一个状态对象，并且在更改事件中没有更改它，那么它将是只读的。谢谢，这帮助我解决了问题issue@harut你的评论应该是一个答案！我在用你的方式