Javascript 如何在ReactJS中以字符串形式注入属性列表

我正在编写一个React组件，使我的文本可编辑。单击时，它会渲染输入，模糊时，它会像以前一样渲染文本

为了让它工作，我必须在元素中加入很多属性。我想处理多种类型的输入（文本、数字、日期、文本区域等等），我不想一直重复这个列表

有没有办法只写一次这个列表，然后将它注入我的元素中

大概是这样的：

const options = "value={this.props.value} placeholder={this.props.placeholder} onChange={this.props.onChange}  onBlur={this.stopEdit} ref={(e) => {this.eRef = e;}}";

后来就这样用了,

render() {
    return (<input type="text" {{options}} />);
}

render（）{
返回（）；
}

我读过，但那不是我所需要的

---

非常感谢你的帮助

如果您正在研究如何使元素中的文本可编辑，可以将

content editable=“true”

属性附加到元素

---

希望这有帮助

如果您正在研究如何使元素中的文本可编辑，可以将

content editable=“true”

属性附加到元素

---

希望这有帮助

你为什么不这样用

const options = {
  value: this.props.value,
  placeholder: this.props.placeholder,
  ...
}

和

html=

或者你可以使用

html = React.createElement('input', {type: 'text', ...options})

---

你为什么不这样用

const options = {
  value: this.props.value,
  placeholder: this.props.placeholder,
  ...
}

和

html=

或者你可以使用

html = React.createElement('input', {type: 'text', ...options})

---

那很有用，谢谢。但我想控制它的编辑方式，所以我坚持使用我自制的组件：）这很有用，谢谢。但我想控制它的编辑方式，所以我坚持使用我自制的组件：）我很高兴帮助你。我很高兴帮助你。