javascript - 如何在 ReactJS 中将属性列表作为字符串注入(inject)

Question

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

为了使其正常工作，我必须在元素中添加很多属性。我想处理多种类型的输入(文本、数字、日期、文本区域...)，并且我不想一直重复此列表。

有没有办法只编写此列表一次并将其注入(inject)到我的元素中？

类似这样的事情:

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}} />);
}

我读过dangerouslySetInnerHTML但这并没有满足我的需要。

非常感谢您的帮助!

Answer 1

为什么你不这样使用

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

和html = <input type="text" {...options}/>

或者你可以使用

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