我想學習redux並作出反應,我有點得到它是如何工作的,但每個我看到的例子都非常簡單,當我開始自己的網頁時,我被卡住了。顯示Reactjs + Redux的簡單網站
所有的例子都只是空白頁面上的一個或兩個組件,它們可能被設計得很好看,但沒有別的東西,沒有頁眉,頁腳,沒有導航欄。
所以對於我來說,我有一個頁眉,頁腳,主容器和側欄,列出所有可點擊的用戶項目。我不知道如何呈現多個智能組件(側欄,主容器什麼顯示什麼內容的點擊),我不知道在哪裏寫靜態HTML(他們轉儲組件或只是HTML?),我不知道如何呈現多個智能組件在側欄中)。
每個教程中,我看到的一切被寫入到一個DIV
<div id="root"></div>
我必須爲每個區域許多這些,然後讓這些多發?
ReactDOM.render(
<Provider store={store}>
<App />
</Provider>,
document.getElementById('root')
);
reactjs中的標準方法是擁有一個html元素,並且您的反應代碼會在您的頁面上構建所有其他組件,並將它們放在一起以顯示您的網頁。這意味着一切都是由JS「即時」建立的。它可以讓你更好地控制不同的組件相互交談。現在,如果你想要一些靜態元素,你可以把它們放到你的HTML中,然後像在你的帖子中一樣將反應部分加載到一個div中。 – jzm
你可以看看更復雜的'redux'應用程序,例如[SoundRedux](https://github.com/andrewngu/sound-redux)。它展示瞭如何用許多組件構建一個複雜的應用程序。您可以輕鬆克隆,在本地運行並檢查所有代碼。 – Steve