个人中心
gpt4 book ai didi

reactjs - 使用 typescript 时，我应该为 React 组件使用函数还是箭头函数？

转载 作者：行者123 更新时间：2023-12-04 15:18:24 25 4
gpt4 key购买 nike

<分区>

我很困惑，因为我知道我可以做这样的函数表达式:

import React from 'react';
import './App.css';

 const App: React.FC = ({children}) => {
  return (
   <div className="App">
    {children}
   </div>
  );
 }

 export default App;

但例如，react create app 使用常规函数声明为项目搭建脚手架，它不需要使用 React.FC 输入，但如果我想添加像 children 这样的 Prop ，我将不得不输入像这样的 Prop :

import React from 'react';
import './App.css';

function App({children}: {children: JSX.Element}) {
 return (
  <div className="App">
   {children}
  </div>
 );
}

export default App;

如果我可以像这样用 React.FC 做一个箭头函数或者甚至一个常规的匿名函数表达式，这对我来说没有意义:

import React from 'react';
import './App.css';

 const App: React.FC = function({children}) {
  return (
   <div className="App">
    {children}
   </div>
  );
 }

 export default App;

而且我不需要为 children Prop 添加任何类型。

所以问题是，假设 react create app 使用常规函数声明 搭建应用支架，那么什么是首选方法。但是通过这样做，我失去了 React.FC 明确的东西，比如我通过执行 函数表达式 获得的 children Prop 。

25 4 0
文章推荐： ruby-on-rails - 将 Rails 应用程序连接到 Firebase Cloud Firestore
文章推荐： docker - dotnet restore 在本地工作但在构建 Docker 容器时失败
文章推荐： scala - 如何使用 Shapeless 提取字段名称？
文章推荐： c# - "Update.exe not found, not a Squirrel-installed app"错误中指定的 Update.exe 是什么？
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com