Как передать компонент компоненту в react js?

Question

Что я хочу сделать, так это передать другой компонент, который заменил бы кнопки, используя этот синтаксис.

<EmailDrop>
   <AnotherComponent />
</EmailDrop>

Я полагаю, что должен быть способ сделать это, но я изо всех сил пытаюсь понять, что искать в Google. Могу ли я передать в него функцию как опору?

Answer 1

Вы можете передавать дочерние компоненты через родительский компонент, используя дочерние свойства. В этом сценарии

<EmailDrop>
  <AnotherComponent />
</EmailDrop>

AnotherComponent является частью children свойств EmailDrop, и поэтому, когда вы работаете с logi c компонента для EmailDrop, вы можете фактически получить доступ к AnotherComponent и условно отобразить его, если он существует:

render() {
  const { children } = this.props;  

  return ( 
    <>
      {
        children 
         ? children 
         : <Buttons /> 
      }
    </>
  )
}