在功能组件中,如何使用 react-redux connect 从 redux store

在像下面这样的功能性反应组件中,您如何访问从 redux 存储发送过来的道具,类似于如何访问类组件的this.propsin componentDidMount(),如下面的评论所示?


import React from 'react';

import { connect } from "react-redux";

import * as actions from "../../actions";


const ComponentName = () => {

    // componentDidMount() {

    //    this.props;

    // }


    return (

        <div>

            <div>???</div>

        </div>

    );

};


function mapStateToProps(state) {

    return { state };

}


export default connect(mapStateToProps, actions)(ComponentName);


米琪卡哇伊
浏览 93回答 1
1回答

开心每一天1111

props 将作为功能组件的第一个参数传递。const ComponentName = (props) => {&nbsp; &nbsp; return (&nbsp; &nbsp; &nbsp; &nbsp; <div>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <div>{ props.something }</div>&nbsp; &nbsp; &nbsp; &nbsp; </div>&nbsp; &nbsp; );};您可以在官方文档中找到更多详细信息https://reactjs.org/docs/components-and-props.html
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript