在React JSX中迭代

Question

我在React jsx中遇到问题。

我想让代码转到

  value={('this.props.message.text1)}
  value={('this.props.message.text2)}

但是我在＆＃34; value = {（＆＃39; this.props.message.text1）}＆＃34;中遇到了编码问题。一部分。

我想做点什么

value={('this.props.message.' + key)}

以下是我的代码;

constructor(){
   super();
   this.state = {
     message: {
         text1: "hello1",
         text2: "hello2"
     }
   }
 }

renderMessage(key){
    return (
      <div className="fish-edit" key={key}>
        <input
        type="text"
        value={('this.props.message.' + key)}
        onChange={this.props.handleChange}
        />
      </div>
    )
  }

render() {
   return (
     <div>
       {Object.keys(this.props.message).map(this.renderMessage)}
     </div>
   )
 }
};

Answer 1

使用方括号访问符号value={this.props.message[key]}