如何将状态设置为props值，并使该值在react中第一次呈现时出现在窗体中

// 父组件
import React, { useState } from 'react';
import ChildComponent from './ChildComponent';

const ParentComponent = () => {
  const [status, setStatus] = useState('初始状态');

  return (
    <div>
      <ChildComponent status={status} />
    </div>
  );
};

export default ParentComponent;

// 子组件
import React, { useState, useEffect } from 'react';

const ChildComponent = (props) => {
  const [status, setStatus] = useState('');

  useEffect(() => {
    setStatus(props.status);
  }, [props.status]);

  return (
    <div>
      <p>{status}</p>
    </div>
  );
};

export default ChildComponent;