在功能組件中，如何使用 react-redux 連接從 redux 商店訪問道具？

Question

在像下面這樣的功能性反應組件中，您如何訪問從 redux 商店發送過來的道具，類似於 class 組件的this.props在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);

Answer 1

props 將作為功能組件的第一個參數傳遞。

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

更多細節可以在官方文檔https://reactjs.org/docs/components-and-props.html