为什么我的store.getState（）;未定义？ （反应/终极版）

Question

我正在学习如何在react / redux中使用状态。从我所读到的内容中我可以理解，状态是可以访问的，并且无处不在。使用Redux时。我已经构建了一个示例here。在这个例子中，当我查看我的react / redux dev工具时，状态和道具似乎是完美定义的。在此示例中，我可以使用以下内容访问商店：$r.store.getState().TheStateIwantFromMyStore;。

但是，当我试图在我的组件中显示我的状态结果时出现类似<p>{store.getState().TheStateIwantFromMyStore}<p>的错误，我发现了以下错误"store is not defined"。

为什么？我该怎么做才能显示我店的结果？

感谢。

P.S：JS bin编辑。它工作正常。谢谢大家。

Answer 1

将此用于您的组件：

const DisplayTable = ({test, DisplayTable}) => {
    return (
    <div>
        <button onClick={DisplayTable}>cool</button>
        <p>{test}</p>
    </div> )
}