Question

有人可以解释一下这种语法在做什么吗，我不太了解

type ScrollProps = {
  location: Object,
  elementID?: string
};

class ScrollMemory extends Component<ScrollProps> {
  detectPop: () => void;
  url: Map<string, number>;

原始来源

https://github.com/ipatate/react-router-scroll-memory/blob/master/src/ScrollMemory.js

Answer 1

类型检查！这是为您的组件设置类型。反过来，这会将IntelliSense / Typechecking添加到您的代码中（如果您的IDE支持的话）。

您链接的示例使用流程。如果您想了解更多结帐https://flow.org/

Answer 2

它是类型检查。在TypeScript /流程（用于react）中，您可以为道具和状态指定类型。在给定的组件ScrollMemory中，ScrollProps是传递给它的道具的类型

type ScrollProps = {
  location: Object, // type of location must be object
  elementID?: string // elementID is optional, but if passed it should be string
};

相关问题：react/typescript: Parameter 'props' implicitly has an 'any' type error

在组件中设置类型？

2 个答案: