Как сбросить компонент состояния детей в реакции

Question

Вот мои компонентов для приложения:

<SystemList /> 
<SystemDetail /> 
    <WorldList /> 
    <WorldDetail /> 

Структура данных является то, что существует несколько систем, каждая система имеет несколько миров. В каждом мире есть подробная информация.

В случае реакции, при нажатии каждой системы, у нее есть действие, чтобы получить активную систему, а затем SystemDetail предоставит информацию. Внутри SystemDetail он имеет два дочерних компонента WorldList и WorldDetail. Когда вы нажмете список мира, появится действие, чтобы отобразить подробную информацию о мире.

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

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

Как сбросить состояние компонента WorldDetail после нажатия кнопки System in SystemList? Имеет ли это смысл? Или, может быть, макет будет иметь больше смысла.

Я совершенно новый, чтобы реагировать и сокращать, поэтому любая помощь будет замечательной!

Answer 1

Вы можете использовать componentWillReceiveProps внутри WorldDetail, чтобы изменить это состояние. Когда он получает новые реквизиты от SystemDetail.