类型中缺少不必手动传递给子组件的属性

Question

在我的子组件中，我定义了道具接口，并将其包含在React中。组件。

然后需要将这些道具从父组件传递到子组件。到目前为止，一切都是合理的。。

但是，当我使用react router Typescript中的RouteComponents Props扩展Props接口时，也要求我传递“历史、位置、匹配”，我认为我不应该手动传递。。。

我不认为它与RouteComponentProps特别相关，因为在某些情况下，我遇到了与MapDispatchToProps和PropsFromDispatch接口相同的错误——这里对这个案例有更详细的解释

这是我的密码：

/Child.tsx

import * as React from 'react'
import { RouteComponentProps } from 'react-router';

interface Props extends RouteComponentProps { }

class Child extends React.Component<Props> {
    render() {
        return (
            <div>

            </div>
        )
    }
 }

export default Child;

/Parent.tsx

import * as React from 'react'
import Child from './Child';

export default class Parent extends React.Component {
    render() {
        return (
            <div>
                <Child />
             </div>
        )
    }
}

/Parent.tsx中出错：

<Child/>

Type '{}' is missing the following properties from type 
'Readonly<Props>': history, location, match - ts(2739)

键入脚本和反应版本：

“typescript”：“^3.2.1”，“react”：“^16.6.3”，“@types/react”：“^16.7.13”

感谢任何建议！

Answer 1

我也有同样的问题，来自@goediaz的想法对我来说很好，唯一的区别是我在使用功能组件。

const MyFunciont: React.FC<IGlobalState> = (_RouteComponentProps, props) = {
//here your code

return (
    //html code
    )
}

Answer 2

因此，问题是由Props引起的，这些Props在RouteComponentProps类中标记为必需。

当您需要将类导出为any时，它将不带任何类型地导出您的类。

import * as React from 'react'
import { RouteComponentProps, withRouter } from 'react-router';

interface Props extends RouteComponentProps { }

class ChildImpl extends React.Component<Props> {
    render() {
        return (
            <div>

            </div>
        )
    }
 }
const Child = withRouter(ChildImpl as any);//Note: It is a workaround not an actual solution
export default Child;

然后在你的父母身上：

import * as React from 'react'
import Child from './Child';
export default class Parent extends React.Component {
    render() {
        return (
            <div>
                <Child />
             </div>
        )
    }
}

不需要道具通过。