在redux中mapstatetoprops会发生什么?

问题描述 投票:0回答:1

此文件index.js

import {Provider} from 'react-redux'
import {createStore} from 'redux'
import rootReducers from './rootReducers'
const store = createStore(rootReducers)
ReactDOM.render(
  <Provider store = {store}>
    <App />
  </Provider>,
  document.getElementById('root')
);

此ID文件rootreducers.js

const todos = [
    { id: 1, name: "Khoa" },
    { id: 2, name: "Khoai" },
    { id: 3, name: "Kha" }
  ];
  const TodoList = (state = todos, action) => {
    switch (action.type) {
      default:
        return state
    }
  };
  export default TodoList;

这是文件list.js

import React, { Component } from "react";

import {connect } from "react-redux";

class List extends React.Component {
  render() {
    console.log(this.props.todoList);

  }
};
mapStateToProps = (state) => {
  return {
    todoList: state // err this code
  };
};
export default connect(mapStateToProps, null)(List);

我正在安装react-redux和redux,但是当我编写方法mapstatetoprops时,消息:'mapStateToProps'未定义。帮帮我。

javascript reactjs redux react-redux redux-thunk
1个回答
1
投票

mapStateToProps只是一个对象。您需要初始化为变量,最好是const

const mapStateToProps = (state) => {
  return {
    todoList: state // err this code
  };
};
© www.soinside.com 2019 - 2024. All rights reserved.