将数字类型作为React组件属性传递

Question

我刚刚开始在asp.net core 2.0（React项目类型）上使用React。我在将数字类型传递给我的组件时遇到了一些麻烦。例如，如果我尝试传递数字类型（id），我会收到错误：

TS）类型'{id：boolean;}'不能分配给'IntrinsicAttributes＆amp; IntrinsicClassAttributes ...

import * as React from 'react';
interface HelloWorldProps{
  name: string
  id: number
}
export class Greeting extends React.Component<HelloWorldProps, any> {
  render() {
      return <h1>Hello, {this.props.name}</h1>;
  }
}
export default Greeting;

当我尝试渲染组件时，我在这里得到TS错误......

<HelloWorld id=1 />

没有id属性，它可以正常工作。

Answer 1

您应该用大括号括起数字值，如下所示 -

＆＃13;

＆＃13;

<HelloWorld id={1} />

＆＃13;

＆＃13;

＆＃13;