私はconnect()に少し問題があります。私はプロバイダ内のすべてのコンポーネントをラップすることはうまくいくと思っていましたが、そうではありません。 したがって、私はreact-reduxからconnect()を使用する必要があることがわかりました。問題はどのように使用すればいいのか分かりません。 This siteはいくつかの例を示していますが、私はそれらを使用しないため、内部に入れるアクションクリエイターがありません....... 誰かが私にアドバイスをくれますか?私はちょうどコンポーネント内の私の店にアクセスしたいと思います...react-reduxからの接続の使い方
1
A
答えて
1
hereのReduxドキュメントでもっとうまくいくかもしれません。
はここコネクト機能がどのように動作するかの簡単な例です:
import React from 'react';
import { connect } from 'react-redux';
class Item extends React.Component {
render() {
return <div onClick={() => this.props.dispatch(/* some action here */)}>{this.props.name}</div>;
}
}
function mapStateToProps(state) {
return { name: state.name };
}
export default connect(mapStateToProps)(Item);
何上記起こるあなたが包まれ、接続部品を輸出している、Item
コンポーネントをエクスポートするときです。コンポーネントが(それも小道具としてdispatch
機能に渡すアプリの状態から小道具name
に渡しますラッピング。
3
あなたの容器の中に自分の店を使用するためには、2つのことを行う必要がある
まず:名前が示すようmapStateToProps()
の使用を作る 、それはあなたが第二を
を指定小道具のお店から状態変数をマップする:あなたは、あなたのコンテナにこれらのprops
を接続する必要があります。これは、場所です。 connect()
が写っています。 mapStateToProps
コンポーネントによって返されたオブジェクトは、コンテナに接続されます。あなたは、私はあなたが `connect`の代わりに、` SELECT`に `mapStateToProps`に合格する必要があると思うreact-redux
import {connect} from 'react-redux';
よう import React from 'react';
import { connect } from 'react-redux';
class App extends React.Component {
render() {
return <div>{this.props.containerData}</div>;
}
}
function mapStateToProps(state) {
return { containerData: state.appData };
}
export default connect(mapStateToProps)(App);
+0
明確で簡潔な... –
関連する問題
- 1. C++からの接続信号への接続方法は?
- 2. Excel接続からのDB2接続
- 3. アンドロイドブルートゥースからobd2との接続方法
- 4. ローカル接続からHeroku postgresデータベースに接続する方法
- 5. VS2005接続からTFS2015接続へ
- 6. svn +古い鍵からのssh接続
- 7. UFTからのHBASE接続
- 8. PythonからのSSAS接続
- 9. タブビューコントローラからの接続
- 10. Javaからのhttp接続を使用してSAP Hana XSに接続
- 11. スタンドアロンJavaアプリケーションからweblogicサーバーのデータベース接続プールに接続する方法
- 12. 接続プールからの接続の解放
- 13. リダイレクトTCP接続からプロキシへの接続
- 14. wildfly接続プールから接続する方法はありますか?
- 15. 遠方のコンピュータからLANに接続する方法は?
- 16. 接続オブジェクトの使用方法
- 17. 接続コンポーネントラベルの使用方法
- 18. pg-promise接続プールの使用方法
- 19. ドッカー接続プラグインの使用方法は?
- 20. PHP/oci8を使用したOracle Remote DBへの接続 - リスナの使い方がわからない
- 21. PHPの他のオブジェクトからの永続的なデータベースオブジェクト接続の使用
- 22. BoneCPの使用:プールからの接続の処理
- 23. プールから何個の接続を使用するのかいくつかの方法がありますか
- 24. IphoneからのSOAP接続の別の方法は?
- 25. コマンドラインからsvnに接続できますが、Tortoiseから接続できないのはなぜですか?
- 26. 複数のモジュールからの接続
- 27. PDOからの別個の接続
- 28. 他のサーバーからのリモートMySql接続
- 29. テキスト(Excel)からのデータ接続のインポートファストウェイ
- 30. データベースからのPHPの接続エラー
から接続インポートすることができます。 :) –
おっと、ありがとう!編集されました。 –