Javascript 在功能组件中,如何使用react-redux connect从redux商店访问道具?
在下面这样的功能性react组件中,如何访问从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 = () =>
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}
);
};
你可以在官方文件上找到更多细节