代码之家 › 专栏 › 技术社区 › deadcoder0904

将提供程序包装在同一组件throws元素类型中无效:应为字符串(对于内置组件)或类/函数,但得到:对象

mobx react-redux redux reactjs javascript

deadcoder0904 · 技术社区 · 6 年前

Provider 从 ./src/index.js

const App = () => (
  <div className="container">
    <Mobx />
    <hr />
    <Provider store={store}>
      <Redux />
    </Provider>
  </div>
);

& ./src/redux.js

export default (
  <Provider store={store}>
    <ConnectReduxApp />
  </Provider>
);

未捕获错误:不变量冲突:元素类型无效:应为

它起作用了,但我不知道为什么会发生?我查过了 typeof /SRC/还原.js

console.log(
    typeof(
       <Provider store={store}>
         <ConnectReduxApp />
       </Provider>
    )
);

&它是一个 object

1 回复 | 直到 6 年前

rowinbot 6 年前

这是因为您没有导出返回JSX的函数,也没有导出带有返回JSX的呈现方法的类,而是导出JSX本身。

{reduxImported}

import reduxImported from './src/redux.js'
...
render() {
  <Container>
    {reduxImported}
    <MobX />
  </Container>
}

export default () => (
  <Provider store={store}>
    <ConnectReduxApp />
  </Provider>
)

推荐文章

code-geek · Jquery根据单选按钮选择隐藏或显示文本字段

3 月前

Niobos · 如何/是否有方法使通用算法函数同时与同步和异步函数一起工作?

3 月前

Alex · 在轻量级中同时解构和不解构变量

3 月前

Ângelo Rigo · ReactJS映射:如何迭代[关闭]

3 月前

bairog · 从按属性筛选的对象数组字典中创建值数组

4 月前

KaiMcKiernan · 基于Math.random()的函数在另一个函数内不起作用[关闭]

4 月前

David Jeong · 浏览器不会为浏览器自动添加的某些标头发送CORS预检请求吗?

4 月前

user29519291 · 为不同的变量创建一个带有可重用Click函数的简单菜单

4 月前

user3472810 · Angular@Output/EventEmitter返回undefined

4 月前

lokiuucx · JS对象属性返回未定义,尽管对象属性应该有值

4 月前