开发者社区> 问答> 正文

使用析构函数的typescript无状态(功能)组件警告?

已解决

我试着做的时候出错了

import * as React from "react";
import { render } from "react-dom";

import "./styles.css";

const Person: React.FC = ({ name }) => <div>{name}</div>;

function App() {
  return (
    <div className="App">
      <Person name="james" />
    </div>
  );
}

const rootElement = document.getElementById("root");
render(<App />, rootElement);

第4行有什么问题? https://codesandbox.io/s/cocky-silence-wxs2s

展开
收起
sossssss 2019-12-09 18:24:24 2703 0
1 条回答
写回答
取消 提交回答
  • 采纳回答

    您的问题不是破坏,而是您必须为组件的道具提供类型定义。一种方法是创建Props键入并将其作为泛型传递给做出反应。React.FC:

    type Props = {
      name: string;
    };
    
    const Person: React.FC<Props> = ({ name }) => <div>{name}</div>;
    
    2019-12-09 18:25:37
    赞同 展开评论 打赏
问答标签:
问答地址:
问答排行榜
最热
最新

相关电子书

更多
现代TypeScript高级教程 立即下载
JavaScript 语言在引擎级别的执行过程 立即下载
JS 语言在引擎级别的执行过程 立即下载