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

作者: Poppy11 | 来源:发表于2020-10-30 18:09 被阅读0次

React.FC不再建议使用
React的React.FC<>{}是什么
React知识点记录
React Native--概述及与Weex和Native开发的
Weex和Native
react
React.memo()
面试题
React Native简介
React系列(一)：邂逅React开发

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} /> 
  }

React.FC不再建议使用
React.FC不再建议使用定义函数组件时，使用React.FC与不使用没有太多区别，没有为我们带来明显的好处，...
React的React.FC<>{}是什么
React.FC<>的在typescript使用的一个泛型，FC就是FunctionComponent的缩写，是函...
React知识点记录
函数组件 React.FC 函数组件是最简单的组件定义方式，它接收唯一的 props 参数 useState 通过...
React Native--概述及与Weex和Native开发的
一. 什么是React Native？React是什么，Native又是什么？ React React是由Face...
Weex和Native
一. 什么是React Native？React是什么，Native又是什么？ React React是由Face...
react
react是什么? react官网上说 React is flexible and can be used in ...
React.memo()
React 16.6.0 正式发布 React.memo() React.memo() 是什么？ React.me...
面试题
React组件的渲染流程是什么？使用 React.createElement或 JSX编写 React组件，实际...
React Native简介
一. React Native的由来它是什么React Native是Facebook在React.js Con...
React系列(一)：邂逅React开发
邂逅React开发 React是什么？ ■React是什么呢？相信每个做开发的人对它都或多或少有一些印象。口这...