Родитель передает состояние дочернему - React js

ObjectList имеет массив объектов, которые отображаются в виде списка. Когда пользователь щелкает элемент списка, этот объект отправляется обратно в ObjectEditor, чтобы пользователь мог просмотреть его и продолжить редактирование. Проблема в том, что я не уверен, как передать этот объект в ObjectEditor, потому что событие щелчка происходит в ObjectList.

Моим первоначальным решением было передать его в ObjectEditor в качестве реквизита и использовать метод componentWillReceiveProps для обновления состояния ObjectEditors. Однако это решение было непрактичным, потому что я не хочу, чтобы оно обновлялось каждый раз, когда меняются реквизиты. Есть ли способ лучше?

Я новичок в React, поэтому мне бы хотелось пока не использовать Redux, пока я не рассмотрю React.

Я сильно урезал код для ясности.

Список объектов:

      constructor(props){
       super(props);
       this.state = { objects: [
          {title: '', items: [], anotherThing:''},
          {title: '', items: [], anotherThing:''}
        ]}
      }

      viewObject = (index) => {
      let object = {...this.state.object[index]};
     // Then some code that passes the object to the ObjectEditor Component
       }

      render(){
        return(
          <div>

           <li key = {index} onClick = { () => this.viewObject(index) } >
           // A list of titles from state
           </li>

          <ObjectEditor />
          </div>
        )
      }

Редактор объектов:

       constructor(props){
       super(props);
       this.state = {title:'', items: [], anotherThing:''}
       }

    // various event handlers that update the state based off form inputs

      render(){
        return(
          <div> 

            // Various form fields which get pushed to state

            <button>Save & Add New</button> 

            // function that maps through state and renders it to the page
          </div>
        )
      }
    }