.tsx 的渲染方法中的 Ts ignroe

Question

这个错误让我发疯

Error:(57, 32) TS2339: Property 'mongoProjects' does not exist on type 'IntrinsicAttributes & IntrinsicClassAttributes<Component<Pick<RouteComponentProps<any, StaticCont...'.

据我了解，这是不可能修复的。React 中的 Typescript 真的很麻烦！

是否可以在 tsx 渲染方法中添加 ts ignore 注释？

<GraphQlDataFetcher query={getProjects()}>
            {(data, refetch) => (
              <>
                <CreateProject mongoProjects={data.projects}/> // ts ignore on this error
                <BootstrapTable
                  keyField="_id"
                  data={data.projects}
                  columns={columns}
                />
              </>
            )}
          </GraphQlDataFetcher>

Answer 1

这是我的朋友

<GraphQlDataFetcher query={getProjects()}>
        {(data, refetch) => (
          <>
            {
              // @ts-ignore
              <CreateProject mongoProjects={data.projects}/>                      
            }
            <BootstrapTable
              keyField="_id"
              data={data.projects}
              columns={columns}
            />
          </>
        )}
      </GraphQlDataFetcher>