componentDidUpdate比react-redux落后两步

Question

所以我有反应redux应用程序，用户输入输入，该输入被分派存储，然后显示在其他组件中。当我更新reducer内的输入数组时，它工作得很好，但现在我在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>
      )
    }
}