Функция React Factory - PullRequest
Новая
       71

Функция React Factory

2 голосов
/ 08 мая 2020

Я нашел этот код в Интернете, однако я новичок в React и не могу его понять. Что делает этот код? Клонирует ли компонент?

Я очень сожалею о самом основном c вопросе. Помощь будет безумно признательна! 

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;

1 Ответ

0 голосов
/ 08 мая 2020

propTypes используется для проверки.

Здесь Factory - функциональный компонент, который получит следующие аргументы:

React, thing, isActive, addThing, deleteThing, name, description

, а затем вы проверяете тип данных каждого аргумента, переданного с помощью propTypes Like isActive должно быть логическим. Если он не удовлетворен, он выдаст ошибку.

Затем он отображает элемент JSX с именем и описанием, а также возвращает ссылку Thing

...