javascript - 以反应方式渲染两个不同的组件

Question

• 我正在尝试将反应粘性标题添加到我的步进器。
• 如果我尝试将 bot 组件一起渲染，则会出现错误。
• 所以我分别调试和渲染。
• 当我单独渲染时，我没有遇到错误。商店未定义
• 你能告诉我如何解决它。
• 这样将来我会自己修复它。
• 在下面提供我的代码片段和沙箱

https://codesandbox.io/s/y2kjpl343z

index.js

import React from "react";
import ReactDOM from "react-dom";
import Demo from "./demo";
import App from "./components/App";
import { render } from "react-dom";
import { Provider } from "react-redux";
import { createStore, applyMiddleware } from 'redux'


// const store = createStore(
//   reducer,
//   applyMiddleware(thunk, logger)
// )

//ReactDOM.render(<Demo />, document.querySelector("#root"));

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

标签： javascripthtmlreactjsreduxmaterial-ui

Answer 1

您将存储变量传递给 Provider 组件，但从不定义它。创建新文件：

import {createStore, combineReducers, applyMiddleware, compose} from 'redux';
import thunk from 'redux-thunk';

const rootReducer = combineReducers({
  // You can fill here all the states that you want
})

export const store = 
createStore(  
  rootReducer,
  compose(
    applyMiddleware(thunk), window.devToolsExtension ? window.devToolsExtension() : f => f)
);

现在将文件导入您的index.js

从'./store'导入商店；