Как получить доступ к props.children в функциональном компоненте без состояния в реакции?

Question

Функциональные компоненты в реакции лучше использовать, если в компоненте нет отслеживаемого внутреннего состояния.

Но я хочу получить доступ к children компонентов без состояния, не имеярасширить React.Component, используя который я могу использовать props.children.Это возможно ?

Если да, то как это сделать?

Answer 1

Мы можем использовать props.children в функциональном компоненте.Для этого не нужно использовать компонент на основе классов.

const FunctionalComponent = props => {
  return (
    <div>
      <div>I am inside functional component.</div>
      {props.children}
    </div>
  );
};

Когда вы вызовете функциональный компонент, вы можете сделать следующее:

const NewComponent = props => {
  return (
    <FunctionalComponent>
      <div>this is from new component.</div>
    </FunctionalComponent>
  );
};

Надеюсь, что ответ на ваш вопрос.