Как пройти в магазине в качестве реквизита

Question

У меня в настоящее время проблема с получением магазина, который будет передан в качестве реквизита, и мне интересно, что обозначить несколькими вещами.

Текущая ошибка в create store, я не уверен, что с ней делать.

Я пробовал другие методы и хочу использовать метод store, где я передаю его какprop

import React from 'react';
import { MockGit } from './Constants';
import ExpansionPanelSummary from '@material-ui/core/ExpansionPanelSummary';
import ExpansionPanelDetails from '@material-ui/core/ExpansionPanelDetails';
import Typography from '@material-ui/core/Typography';
import ExpandMoreIcon from '@material-ui/icons/ExpandMore';
import ExpansionPanel from '@material-ui/core/ExpansionPanel';
import Button from '@material-ui/core/Button';
import TestAPI from './TestAPI';
import { displayGitData, userInfoURL, getDataSaga } from '../sagas/sagas';
import { createStore } from 'redux';


class GitData extends React.Component {
  constructor(props) {
    super(props);
  }
  render() {
    const store = createStore(...);   //this is what im unsure of.
    const { store } = this.props;
     return (

      <ExpansionPanel>
        <ExpansionPanelSummary expandIcon={<ExpandMoreIcon />}>
          <Typography> {MockGit} </Typography>
        </ExpansionPanelSummary>
        <ExpansionPanelDetails>
          {displayGitData()}
          {userInfoURL()}
          {getDataSaga()}
          <TestAPI />
        </ExpansionPanelDetails>
      </ExpansionPanel>
     );
   }
 }
export default GitData;

Цель состоит в том, чтобы магазин был передан как опора без ошибок.

Любая помощь будет великолепна, спасибо!

Answer 1

Вы делаете это неправильно, вот рекомендуемый способ использования React с Redux:

store.js

import { createStore } from 'redux';
export default createStore(...)

index.js

import React from 'react';
import ReactDOM from 'react-dom';
import { Provider } from 'react-redux';
import store from './store.js'

const App = () => (<h1>Hello from App</h1>);

ReactDOM.render(
  <Provider store={store}><App/></Provider>
  document.querySelector('#react-root')
);

Теперь у вас есть приложение, связанное с хранилищем.

Пакет react-redux npm также позволяет привязывать реквизиты компонентов для хранения отправлений и состояния хранилища, например:

my-component.js

import React from 'react';
import { connect } from 'react-redux';

class MyComponent extends React.Component {
  render() {
    return (
      <p>{this.props.hello}</p>
    )
  }
}

export default connect(state => ({hello: state.helloReducer.value}))(MyComponent)

Для дальнейших уроков, посмотрите официальные документы о реакт-редуксе или этот хороший плейлист на YouTube .