javascript - 更新对象列表中的特定属性

Question

我有一个 dataArray 对象列表

我想将 TextInput 与此列表中的特定对象相关联。

文本的每次更改也必须更改 state 中的 dataArray

如何正确操作？下面的代码不起作用

export default class MyClass extends Component {
  constructor(props) {
    super(props);

    this.state = {
      dataArray: this.props.dataArray
    };
  }

  _renderContent = section => {
    let arrayIdx = this.state.dataArray.findIndex(
      x => x.title == section.title
    );
    return (
      <TextInput
        value={this.state.dataArray[arrayIdx].content}
        onChangeText={con =>
          this.setState({
            dataArray: update(this.state.dataArray, {
              arrayIdx: { content: { $set: con } }
            })
          })
        }
      />
    );
  };

  render() {
    return (
      <Container>
        <Content padder>
          <Accordion
            dataArray={this.state.dataArray}
            renderContent={this._renderContent}
          />
        </Content>
      </Container>
    );
  }
}

Answer 1

问题是您实际上是在更新 arrayIdx 而不是它所引用的索引。您需要使用 Computed Property Name像 [arrayIdx]。

[arrayIdx]: { content: { $set: con } }