В любом компоненте доступны props.children. Это контент между открывающим и закрывающим тегом компонента. Например:

<Welcome>Привет, мир!</Welcome>

Строка Привет, мир! доступна в props.children в компоненте Welcome:

function Welcome(props) {
  return <p>{props.children}</p>
}

Для классовых компонентов используйте this.props.children:

class Welcome extends React.Component {
  render() {
    return <p>{this.props.children}</p>
  }
}

Назад