reactjs - React - 如何使用 typescript 定义 Prop

Question

我有一个演示 here

这是一个使用 typescript 的 React 中的简单待办事项应用程序。

我正在尝试在 typescript 中定义 Prop 。

我在 Todo 组件中有一个接口(interface)用于传入的 props

如果我尝试访问 Todo 组件中的文本，我会收到一条错误消息

属性“text”在类型“string”上不存在。

如何使用 typescript 正确定义 Prop

Answer 1

您将 todo 定义为字符串，但您将其用作包含 text 属性作为字符串的对象。因此，你的 Prop 定义应该是这样的:

interface IProps {
  index: number,
  todo: { text: string }
}