Javascript 提供程序react redux中出错

当我运行我的简单程序时

Index.js

function test(state = []) {
    return state
}

const store = createStore(test);

render( <Provider store = { store } >
    <App / > < /Provider > ,
    document.getElementById('root')
)

const App = () => {
   return ( <h1 > Yo < /h1>)
}

export default App;

我做错了什么？

---

删除提供程序程序render App时，如果检索到多个子项（例如，如果渲染的组件包含多个元素但未包装在div中），则通常会发生此错误。现在，仅从上面的代码来看，我不能说太多，请尝试将

中的内容包装成

您的存储应该是一个对象，而不是一个数组。将测试减速器更改为

function test(state = {}) {
    return state
}

可以在存储中存储数组值，但它必须是顶级对象

{
  stuff: ['a', 'b'],
}

您能在代码示例中指定导入并分隔文件吗？无法编辑我的问题，我将在注释中回答。index.js`import-React from'React'import{render}from'React-dom'import{createStore}from'redux'import{Provider}from'React-redux'import-App'./components/App'App.js import-React from'React'`使用控制台日志或调试器检查应用程序是否为空，以确保正确导入。我已尝试过此变量。render（{（）=>（
）}，document.getElementById（'root'））但是它也不起作用。你能用组件的内容更新你的问题吗？
{
  stuff: ['a', 'b'],
}