셰어 포인트 워크 SPFx & I는 질문을 가지고, 아래 쭉 마시는에 의해 생성 된 코드 셰어 SPFx 새로운 해요 및 반작용

Question

반응 : JSX를 사용하여 요소를 만들 수있는 방법이 있나요

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); 

    } 

, 반작용 사용하지 .ReactElement는 다음과 같습니다.

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

감사합니다.

Answer 1

예, 작동합니다. 템플릿에서 생성 된 파일의 이름을 변경하고 파일 이름을 "HelloReactWebPart.ts"에서 "HelloReactWebPart.tsx"로 변경하면됩니다.

Here is the screenshot