SharePoint 框架 SPFx 和 React

Question

我是 SharePoint SPFx 和 React 的新手，有一个问题，下面是 gulp 生成的代码：

export default class HelloReactWebPart extends BaseClientSideWebPart<IHelloReactWebPartProps> {
  public render(): void { 

    const element: React.ReactElement<IHelloReactProps> = React.createElement(
      HelloReact,
      {
        description: this.properties.description
      }
    );

    ReactDom.render(element, this.domElement);

  }

有没有办法使用 JSX 创建元素，而不是使用 React.ReactElement，如下所示：

const element: React.ReactElement<IHelloReactProps> = 
        <HelloReact description={this.properties.description} />

谢谢！

Answer 1

是的，它有效，我需要做的就是重命名模板生成的文件名，将文件名"HelloReactWebPart.ts"更改为"HelloReactWebPart.tsx"。

Here is the screenshot

SharePoint 框架 SPFx 和 React

SharePoint Framework SPFx & React

reactjs

sharepointframework