如何访问mapStateToProps中映射的无状态组件中的props

时间:2018-03-23 08:16:41

标签: reactjs react-redux

我想知道如何访问未传递的道具,但是将mapStateToProps函数映射到无状态组件中的道具。因此,例如,如果我将状态中的值映射到prop,就像这样:

const mapStateToProps = state => ({
  test: formValueSelector('InfoPanel')(state, 'test'),
});

如果我期望来自父组件的一些道具如下:

export const InfoPanelForm = ({ readOnly, hasActionPoints}) => (
  <div>
    <Row>
      <Column>
        <VerticalSpacer space={4} />
        <Element>Info</Element>
      </Column>
    </Row>
  </div>

如何在此组件中访问此属性测试?

1 个答案:

答案 0 :(得分:3)

您可以使用readOnly进行访问。

假设您与给定的组件connectInfoPanelForm进行了mapStateToProps次呼叫

connect(mapStateToProps)(InfoPanelForm); //react-redux connect call

组件:

export const InfoPanelForm = ({ readOnly, hasActionPoints, test}) => (
  <div>
    //..
  </div>