SharePoint Framework SPFx и React

Я новичок в 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} />

Спасибо!


person 10031103    schedule 01.12.2017    source источник
comment
Вы хотите, чтобы сгенерированный код gulp выводил jsx?   -  person azium    schedule 02.12.2017
comment
нет, я просто хочу вручную изменить сгенерированный код на JSX-код, но получил синтаксическую ошибку.   -  person 10031103    schedule 02.12.2017
comment
JSX не является допустимым синтаксисом JavaScript. это то, что делает gulp, преобразуя JSX в то, чем он является на самом деле, createElement. вы можете использовать интерактивный babel repl, чтобы увидеть babeljs.io/repl/   -  person azium    schedule 02.12.2017


Ответы (1)


Да, это работает, все, что мне нужно сделать, это переименовать имя файла, созданное шаблоном, изменить имя файла «HelloReactWebPart.ts» на «HelloReactWebPart.tsx».

Вот скриншот

person 10031103    schedule 03.12.2017