react hooks中使用嵌套组件

可以直接将一个组件当成一个参数去传递，通过props.components可以使用这个组件。

import React, { useEffect } from 'react';
import './staffList.scss';

function Title2() {
  return (
    <div>111</div>
  )
}
function Title(props) {
  useEffect(() => {
    console.log(props)
  })
  return (
    <div>1121
      <props.components/>
    </div>
  )
}
export default function App () {
  return (
    <div>
      <Title components={Title2}>
      </Title>
    </div>
  )
}