railsプロジェクトでreact/reduxを使用しています。だから私は私のリスティングコンポーネントが優先される(サーバーサイドバーレンダリング)し、他のコンポーネントはリスティングアイテムにマウスオーバーすると詳細を表示したい。2つのコンポーネントをReact-Reduxでお互いに接続する方法
マウスホバーイベント
各リスト項目の私の質問にマウスオーバーどのように私は、詳細コンポーネントにデータをリストを取得することができますされ
簡単な例
My Code on rails view
= react_component('Listing', { data: @listings }, prerender: true)
= react_component('Detail', { }, prerender: false)
My Code on JS
export default class Listings extends Component {
render() {
return (
<Provider store={store}>
<ListingsWidget />
</Provider>
);
}
}
My Code for Detail
export default class ListingDetail extends Component {
render() {
return (
<Provider store={store}>
< ListingDetail Widget />
</Provider>
);
}
}
あなたは簡単な例を作ることはできますか? –
例を示すためにOk - edited。 –