类型 '{ description: String; }' 缺少类型"IOrderFormWithReactProps"中的以下属性：context， siteUrlts(2769)

Question

我不知道为什么会出现这个错误。它显示了类型'{description: String;}'从类型'IOrderFormWithReactProps'中缺少以下属性:context, siteurlt (2769)

***OrderFormreactWithWebpart.ts file:***

import * as React from 'react';
import * as ReactDom from 'react-dom';
import { Version } from '@microsoft/sp-core-library';
import {
IPropertyPaneConfiguration,
PropertyPaneTextField
} from '@microsoft/sp-property-pane';
import { BaseClientSideWebPart, WebPartContext } from '@microsoft/sp-webpart-base';
import * as strings from 'OrderFormWithReactWebPartStrings';
import OrderFormWithReact from './components/OrderFormWithReact';
import { IOrderFormWithReactProps } from './components/IOrderFormWithReactProps';
import { description } from 'OrderFormWithReactWebPartStrings';
export interface IOrderFormWithReactWebPartProps {
description: String;
context: WebPartContext;
siteUrl: any;
}

export default class OrderFormWithReactWebPart extends BaseClientSideWebPart<IOrderFormWithReactWebPartProps> {
public render(): void {
const element: React.ReactElement<IOrderFormWithReactProps> = React.createElement(
OrderFormWithReact,
{
description: this.properties.description
}
);
ReactDom.render(element, this.domElement);
}
protected onDispose(): void {
ReactDom.unmountComponentAtNode(this.domElement);
}

***IOrderFormWithReactProps.ts file***
import { WebPartContext } from "@microsoft/sp-webpart-base";
export interface IOrderFormWithReactProps {
description: String;
context: WebPartContext;
siteUrl: any;
}

这是props文件的接口

Answer 1

您的OrderFormWithReact需要description,context和siteUrl。你只给它description。

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

试试这个。它只是将OrderFormWithReactWebPart的属性传递给OrderFormWithReact。(因此要求OrderFormWithReactWebPart的属性包括context和siteUrl)

const element: React.ReactElement<IOrderFormWithReactProps> = React.createElement(
OrderFormWithReact,
this.properties
);