Реагировать Передача реквизита другому зацикленному Компоненту

Я бы порекомендовал привязать функцию, которая обновляла бы this.posts. Таким образом, все ваши компоненты будут обновляться без необходимости принимать потенциально запутанные состояния.

Идея состоит в том, что функция updatePosts примет дочерний компонент целевого индекса (ключа) для обновления и передаст ему новое состояние. В приведенном ниже коде, если вы запустили updatePosts ({firstName: 'Harry', lastName: 'Styles'}, 1), то состояние изменится с первого элемента «Foo Bar» на «Harry Styles», а дочерние компоненты будут перерисованы.

import React from 'react';

class PostMaster extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      //the array you use to render child components will be managed in a state like this
      data: [
        {
          firstName: 'Foo',
          lastName: 'Bar'
        },
        {
          firstName: 'James',
          lastName: 'Bond'
        },
        {
          firstName: 'Harry',
          lastName: 'Potter'
        }
      ]
    };
    this.updatePosts = this.updatePosts.bind(this);
  };

  /**
   * stateData (object)     the data you want to go in a given index
   * index (int)            the child component you would like to update
  /
  updatePosts(stateData, index) {
    let newData = this.state.data;
    newData[index] = stateData;
    this.setState({data: newData});
    //you can always push instead of reassigning
  };

  render() {
    return(
      <div>
        {this.state.data((item, index) => {
            return (
                <Post
                  item = {item} 
                  key = {index}
                  update = {this.updatePosts}
                />
            );
          })}
      </div>
    )
  }
}