【react hooks】属性作为useState 初始值，属性改变useState 不改变问题？

interface DataHelperProps {
  visible: boolean;
  title: string;
}

const IndexPage: React.FC<DataHelperProps> = ({ visible, title }) => {
  const { TabPane } = Tabs;
  const { Search } = Input;
  const [modelVisible, setModelVisible] = useState(visible);
  debugger
  console.log(modelVisible);
  return (
    <Modal
      visible={modelVisible}
      title={title}
      width={900}
    >
    </Modal>
  );
};
export default IndexPage;

  const [modelVisible, setModelVisible] = useState(visible);
  debugger
  console.log(modelVisible);

  useEffect(()=>{
    setModelVisible(visible)
  },[visible])