我可以在Redux中存储组件吗?

时间:2019-06-19 11:35:31

标签: react-native redux

我只想一次将index.js组件“ MessageDialog”导入并在其他页面中使用它。所以我将组件存储在redux中。但是进入页面时出现错误。 我还没做我可以在Redux中存储组件吗?

index.js:

import { MessageDialog } from 'miot/ui';
...
let data = {
    MessageDialog: <MessageDialog />,
    messageDialogOptions: {
        title: '我是标题',
        message: '我是内容',
        cancel: '取消',
        confirm: '确认',
        cancelable: false,
        visible: true
    }
};

let store = createStore(reducers, data);

export default class App extends React.Component {
    render() {
        return (
            <Provider store={store}>
                <RootStack />
            </Provider>
        );
    }

}

不变违规: 元素类型无效:应使用字符串(对于内置组件)或类/函数(对于复合组件),但得到:对象。

我希望成功呈现页面。

1 个答案:

答案 0 :(得分:1)

Redux并不用于存储组件。您应该只为组件存储道具。

让组件对要存储在redux中的数据做出反应,而不是尝试存储组件本身。