Re-render компонент на обновление реквизита

Question

Я думаю, что это простой вопрос, но здесь идет: Есть ли способ проинструктировать ваш компонент для повторного рендеринга при изменении реквизита? У меня есть компонент, подключенный к хранилищу redux, который при определенном действии обновляет состояние, которое затем фильтрует вниз в реквизиты, после чего я хочу, чтобы приложение отвечало на изменения.

Я думаю, вы использовали бы componentDidUpdate()?

Что-то вроде:

// ... 
componentDidUpdate(prevProps, prevState) { 
    if (prevProps !== this.props) { 
     // re-render x <-- not sure how to do this 
    } 
} 

Plus, что бы метод повторной визуализации компонента всего, и что бы метод повторного рендеринга только обновленный реквизита?

Любая помощь приветствуется.

Answer 1

В методе вы можете позвонить this.forceUpdate(). Другой способ - this.setState(this.state).

Answer 2

Вы можете использовать

componentWillReceiveProps (props){ 
this.doSomething(props) // To some function. 
this.setState({data: props}) // This will update your component. 
} 

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

Отъезд Реальный жизненный цикл here, кстати, может помочь.