redux-form怎么找store?
Redux-form how find the store?
我是 React native 的新手,我想使用 redux-form。
你能帮帮我吗?
我有这个错误:
Error: Could not find "store" in the context of "Connect(Form(CreateIndicator))."
配置商店:
import { combineReducers, createStore } from 'redux';
import { reducer as formReducer } from "redux-form";
const rootReducer = combineReducers({
form: formReducer
})
const reducer = createStore(rootReducer);
export default reducer;
App.tsx(主要成分):
import configureStore from '../my-bullet-journal/components/utils/configureStore';
export default function App() {
configureStore;
...
}
我的表单组件:
import { Field, reduxForm } from 'redux-form';
let CreateIndicator = () => {
...
}
CreateIndicator = reduxForm({
form: 'indicator' //a unique name for this form
})(CreateIndicator);
我的配置够用吗?
提前致谢
您错过了 App.tsx
中的那个部分
import { Provider } from 'react-redux';
import configureStore from '../my-bullet-journal/components/utils/configureStore';
export default function App() {
return(
<Provider store={configureStore}>
...
</Provider>
尽管我建议为您的变量命名更好:
在 ConfigureStore 中:
const configureStore = createStore(rootReducer);
export default configureStore;
因为它是您的默认导出,所以名称真的取决于您,但是在 configureStore
中调用您的变量 reducer
会造成混淆
我是 React native 的新手,我想使用 redux-form。
你能帮帮我吗?
我有这个错误:
Error: Could not find "store" in the context of "Connect(Form(CreateIndicator))."
配置商店:
import { combineReducers, createStore } from 'redux';
import { reducer as formReducer } from "redux-form";
const rootReducer = combineReducers({
form: formReducer
})
const reducer = createStore(rootReducer);
export default reducer;
App.tsx(主要成分):
import configureStore from '../my-bullet-journal/components/utils/configureStore';
export default function App() {
configureStore;
...
}
我的表单组件:
import { Field, reduxForm } from 'redux-form';
let CreateIndicator = () => {
...
}
CreateIndicator = reduxForm({
form: 'indicator' //a unique name for this form
})(CreateIndicator);
我的配置够用吗?
提前致谢
您错过了 App.tsx
中的那个部分import { Provider } from 'react-redux';
import configureStore from '../my-bullet-journal/components/utils/configureStore';
export default function App() {
return(
<Provider store={configureStore}>
...
</Provider>
尽管我建议为您的变量命名更好:
在 ConfigureStore 中:
const configureStore = createStore(rootReducer);
export default configureStore;
因为它是您的默认导出,所以名称真的取决于您,但是在 configureStore
中调用您的变量reducer
会造成混淆