当前位置: 首页 > news >正文

如何做品牌网站网络优化的意义

如何做品牌网站,网络优化的意义,外贸人才网是b2b还是b2c,做电影网站算侵权吗React.FC是React中的一种函数组件类型,是在TypeScript中使用的一个泛型,FC即Function Component的缩写,表示一个接收props作为输入并返回JSX元素的函数组件。 使用React.FC可以为组件定义类型,提供props的类型作为泛型参数&#x…

React.FC是React中的一种函数组件类型,是在TypeScript中使用的一个泛型,FC即Function Component的缩写,表示一个接收props作为输入并返回JSX元素的函数组件。
使用React.FC可以为组件定义类型,提供props的类型作为泛型参数,享受TypeScript的类型检查和自动补全等特性。同时,React.FC也明确了组件的返回类型,其返回类型被限定为React元素(JSX.Element)或null。

下面是一个简单的例子:

import React from 'react';  interface MyProps {  name: string;  age: number;  
}  const MyComponent: React.FC<MyProps> = ({ name, age }) => {  return (  <div>  <h1>Hello, {name}!</h1>  <p>You are {age} years old.</p>  </div>  );  
};  export default MyComponent;

在这个例子中,我们定义了一个名为 MyComponent 的函数组件,它接受一个 MyProps 类型的 props。MyProps 接口定义了 name 和 age 两个属性,它们的类型分别是 string 和 number。

与React.Component(类组件)相比,React.FC(函数式组件)是一个纯函数,不能使用setState,而是使用useState()、useEffect等Hook API。函数式组件也称为无状态组件,它包含了PropsWithChildren的泛型,不需要显式地声明props.children的类型。

简单实现页面数字1秒后加1:

import React, { useState, useEffect } from 'react';  const App: React.FC<MyProps> = ({ name, age }) => {  const [count, setCount] = useState(1);useEffect(() => {const timer = setTimeout(() => {setCount(count + 1);}, 1000)return () => clearInterval(timer);}, []);return (  <div>  {count}</div>  );  
};  export default App;

useEffect相当于componentDidMount、componentDidUpdate和componentWillUnmount的组合体,可以在函数组建中替代生命周期。

1.传递一个空数组作为第二个参数,这个 Effect 将永远不会重复执行,可以替代componentDidMount。

useEffect(() => {console.log('componentDidMount');
}, []);

2.不传第二个参数,每当页面中useState值发生变化,useEffect中的代码就会执行一次,可以替代componentDidUpdate。

useEffect(() => {console.log('componentDidUpdate');
});

3.useEffect可以返回一个函数,该函数将在组件被卸载时的执行,可以替代componentWillUnmount。

useEffect(() => {return () => {console.log('componentWillUnmount');};
});
http://www.15wanjia.com/news/21144.html

相关文章:

  • 做二手房又做网站的朋友圈推广平台
  • 做淘宝客需要那先网站网络营销软件站
  • 编程app下载优化方法
  • 新疆建设云微信小程序优化服务平台
  • 在国内做电商网站需要什么审核搜索推广
  • 中小企业网站推广淘宝客推广一天80单
  • 上海网站备案电商运营方案计划书
  • 做网站横幅用什么软件好老王搜索引擎入口
  • 百度网页入口官网优化网站内容的方法
  • 海南建设工程信息网站网络工程师是干什么的
  • 广西壮族自治区行政执法人员培训seo外链建设的方法
  • 2021年免费的网站有哪些财经新闻最新消息
  • 运营网站赚钱手机网页链接制作
  • 图片网站收录什么叫关键词举例
  • 推荐一个可以做ppt的网站推广软件平台
  • 华为云定制建站服务怎么样科学新概念seo外链
  • 万州微网站建设关键词搜索点击软件
  • 萍乡网站制作公司友情链接价格
  • 我和丝袜做的视频网站怎样创建网页
  • wordpress跳转站点怎样优化关键词到首页
  • 安庆网站开发百家号seo怎么做
  • 巴彦淖尔 网站建设公司运营策划营销
  • web创建一个简单的查询网站在线生成网站
  • 要建网站怎么做百度sem
  • 欧美在路边给了钱就可以做网站seo案例分享
  • 有哪些做家教网站免费涨1000粉丝网站
  • 深圳网站设计很棒 乐云践新百度在西安有分公司吗
  • 山东免费网站建设网络营销策划书格式
  • wordpress前端发表文章快速排名软件seo系统
  • 网站策划书模板大全独立站seo搜索优化