componentDidUpdate - это два шага позади реакции-редукса

Question

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

 class Equations extends React.Component{
     componentDidUpdate(nextProps){
        console.log(nextProps.equation)
        this.props.equations.unshift(nextProps.equation)
     }
     render(){
         return (
             <div>
                {this.props.equations.map((val,index)=>{
                    return (
                        <div className={index} key={index}>
                             <p>{val}</p>
                        </div>
                    )
                })}
            </div>
        )
    }
}
const mapStateToProps = state => ({
    equations: state.ER.equations,
    equation: state.ER.equation
})
export default connect(mapStateToProps, null)(Equations)

это журнал

в последний раз, как вы видите, я ввел foo3 bar3, но этоне регистрировался, пока я не ввел foo4 bar4 в свое приложение, вот как у меня есть компоненты

class App extends React.Component{
    render(){
      return (
        <Provider store={store}>
           <div>
              <Calculator />
              <Equations />
           </div>
        </Provider>
      )
    }
}