React Factory Function

问题描述 投票:1回答:1

我在网上找到了此代码,但是,我是React的初学者,我无法理解。该代码的作用是什么?它会克隆组件吗?

对于非常基本的问题,我感到非常抱歉。帮助将不胜感激!

const Factory = function ({
  React,
  thing,
  isActive,
  addThing,
  deleteThing,
  name,
  description,
} = {}) {

  const Thing = function (props) {
    return {
      propTypes: {
        thing: React.PropTypes.object,
        isActive: React.PropTypes.bool,
        addThing: React.PropTypes.func,
        deleteThing: React.PropTypes.func,
        name: React.PropType.string,
        description: React.PropType.string,
      },

      props,

      render () {

        return (
          <Card>
          <Card.Body>
          <Card.Title>{ this.props.name }</Card.Title>
          <Card.Text>{ this.props.description }</Card.Text>
          </Card.Body>
          </Card>
        );
      }
    };
  };

  return Thing;

};

export default Factory;
reactjs frontend
1个回答
0
投票

propTypes用于验证。

这里Factory是将接收以下自变量的功能组件

[ReactthingisActiveaddThingdeleteThingnamedescription

然后您正在验证使用propTypes传递的每个参数的数据类型像isActive应该是布尔值。如果不满意,将抛出错误。

然后,它呈现具有名称和描述的JSX元素,并且还返回对Thing的引用>

© www.soinside.com 2019 - 2024. All rights reserved.