javascript - Connect 不能与 Redux-react 中的 StateLess 组件一起使用

Question

我正在从其他组件调度一个 Action ，并且商店正在使用 svgArr 属性进行更新，但是尽管以下无状态组件 connect'ed 到商店，当 svgArr 的存储更改时，它不会更新。

作为无状态组件，它应该如何表现？还是我做错了什么？

const Layer = (props) => {
  console.log(props.svgArr);
  return (<div style = {
    {
      width: props.canvasWidth,
      height: props.canvasWidth
    }
  }
  className = {
    styles.imgLayer
  } > hi < /div>);
};

connect((state) => {
  return {
    svgArr: state.svgArr
  };
}, Layer);

export default Layer;

Answer 1

您似乎正在导出 Layer 而不是 Layer 组件的连接版本。

如果您查看 redux 文档:https://github.com/reactjs/react-redux/blob/master/docs/api.md#inject-dispatch-and-todos

应该是这样的

function mapStateToProps(state) {
  return {svgArr: state.svgArr}
}
export default connect(mapSTateToProps)(Layer)