react/react-native

React的React.FC<>{}是什么

2020-10-30  本文已影响0人  Poppy11

React.FC<>的在typescript使用的一个泛型,FC就是FunctionComponent的缩写,是函数组件,在这个泛型里面可以使用useState,个人觉得useState挺好用的,例子如下:

const SampleModel: React.FC<{}> = () =>{   //React.FC<>为typescript使用的泛型
    const [createModalVisible, handleModalVisible] = useState<boolean>(false); 
    return{
    {/** 触发模态框**/}
    <Button style={{fontSize:'25px'}}  onClick={()=>handleModalVisible(true)} >样例</Button>
    {/** 模态框组件**/}
    <Model onCancel={() => handleModalVisible(false)} ModalVisible={createModalVisible} /> 
  }
上一篇 下一篇

猜你喜欢

热点阅读