Сохранение привязки при отправке их в событие click в React.js

Question

У нас есть компонент, который отправляется в функцию, а затем отображается в другом месте в файле response.js. Это для возможности открытия ползунка с заданным контентом. Мы даем этому дочернему компоненту реквизит от родителя, и все хорошо, когда мы сначала загружаем, конечно, но нам нужно следить за изменениями состояния. Например:

<Contact 
    handleNew={() => globalSlider.openContentSlider({ 
    content: <PersonalContactDetail _flags={_flags} /> 
    })} 
/> 

Конечно, _flags устанавливаются соответствующим образом на открытом, но изменения состояний не каскад через.

Любые идеи?

Answer 1

Свойство на контакт компонент должен обновляться, иначе он не будет повторно вынести (и, следовательно, не может повторно вынести ваш PersonalContactDetail). Я не знаю, архитектуру конечно, но, возможно, вы можете передать _flags в свой Контакт компонента, а затем передать их обратно в handleNew() обработчик в качестве аргумента ....

<Contact flags={_flags} 
    handleNew={(flagArgs) => globalSlider.openContentSlider({ 
    content: <PersonalContactDetail _flags={flagArgs} /> 
    })} 
/> 

... где-то внутри Контакт:

if (this.props.handleNew) { 
    this.props.handleNew(this.props.flags); 
} 

Answer 2

пытаются передать функцию стрелки возвращаются флаги вместо возвращения флаги непосредственно