Каким должен быть тип поддержки передачи переменной в дочерний компонент через функцию

Question

С учетом следующего компонента:

Component.propTypes = {
  // not right:
  children: PropTypes.oneOfType([
    PropTypes.arrayOf(PropTypes.node),
    PropTypes.node,
  ]),
}

export default function Component({ children }) {
  return children({ someValue: "foobar" });
}

AnotherComponent.propTypes = {
  value: PropTypes.string,
}

export default function AnotherComponent({ value }) {
  return <p>{value}</p>
}

Используется как:

<Component>
 {(someValue) => (<AnotherComponent value={someValue} />)}
</Component>

Дает ошибку: Warning: Failed prop type: Invalid prop 'children' supplied to 'Component'.

Что такое тип для это?

Answer 1

Попробуйте PropTypes.func:

Component.propTypes = {
  children: PropTypes.func
};

Что касается "реального" примера, вы можете проверить children тип AutoSizer [2]