Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/24.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/84.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在功能组件中,如何使用react-redux connect从redux商店访问道具?_Javascript_Reactjs_Redux_React Redux - Fatal编程技术网

Javascript 在功能组件中,如何使用react-redux connect从redux商店访问道具?

Javascript 在功能组件中,如何使用react-redux connect从redux商店访问道具?,javascript,reactjs,redux,react-redux,Javascript,Reactjs,Redux,React Redux,在下面这样的功能性react组件中,如何访问从redux存储区发送过来的道具,类似于类组件的this中的操作。可以访问componentDidMount()中的道具,如下面的注释所示 import React from 'react'; import { connect } from "react-redux"; import * as actions from "../../actions"; const ComponentName = () =>

在下面这样的功能性react组件中,如何访问从redux存储区发送过来的道具,类似于类组件的
this中的操作。可以访问
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);
从“React”导入React;
从“react redux”导入{connect};
从“../../actions”导入*作为操作;
常量组件名称=()=>{
//componentDidMount(){
//这是道具;
// }
返回(
???
);
};
函数MapStateTops(状态){
返回{state};
}
导出默认连接(MapStateTrops,actions)(组件名称);

道具将作为功能组件的第一个参数传递

const ComponentName = (props) => {
    return (
        <div>
            <div>{ props.something }</div>
        </div>
    );
};
const ComponentName=(props)=>{
返回(
{props.something}
);
};

您可以在官方文档中找到更多详细信息

道具将作为功能组件的第一个参数传递

const ComponentName = (props) => {
    return (
        <div>
            <div>{ props.something }</div>
        </div>
    );
};
const ComponentName=(props)=>{
返回(
{props.something}
);
};
你可以在官方文件上找到更多细节