Реагировать на проверку типа аргумента дочерней функции - PullRequest
Новая
       4

Реагировать на проверку типа аргумента дочерней функции

1 голос
/ 15 января 2020

Как проверить аргументы дочерней функции proptype?

Если у нас есть такой компонент-обертка, как: 

const FirstInnerComponent = () => (<div>1</div>);
const SecondInnerComponent = () => (<div>2</div>);

const WrapperOne = ({ children }) => (
  <Container className="fixed">{children(FirstInnerComponent, SecondInnerComponent)}</Container>
);

И когда мы его используем: 

<WrapperOne>
  {(FirstInner, SecondInner) => (
    <>
      <FirstInner />
      <SecondInner />
    </>
  )}
</WrapperOne>

Если у нашего FirstInnerComponent есть propTypes, подобные этому: 

FirstInnerComponent.propTypes = {
  someProp: PropTypes.object.isRequired,
};

Как мы и ожидаем, мы должны вызвать FirstInnerComponent с принудительным someProp. Но как мы должны использовать propType для этого?

1 Ответ

1 голос
/ 15 января 2020 
FirstInnerComponent.propTypes = {
  someProp: PropTypes.object.isRequired,
};

это означает, что вы должны вызвать FirstInnerComponent с параметром с именем someProp в виде строки и required, но если вы не хотите использовать его, компилятор не вызывает ошибку, но если вы видите консоль вы увидите red line warning, даже если вы снова используете его как массив или объект, вы увидите red line warning.

другое слово

PropTypes экспортирует диапазон валидаторов, которые могут использоваться для проверки правильности полученных вами данных

...