Javascript 警告：失败的道具类型：无效道具'；组件'；提供给'；路线'；-反应路由器dom

我想解决这个警告。我在App.js中添加react router dom后收到此警告。 （应用程序本身在出现此警告时工作正常。）

警告信息：

index.js:1 Warning: Failed prop type: Invalid prop 'component' supplied to 'Route': the prop is not a valid React component
    in Route (at App.js:34)
    in App (at src/index.js:9)
    in Router (created by HashRouter)
    in HashRouter (at src/index.js:8)

我只是将状态传递给子组件App.js App.js

import React，{Component}来自“React”
从“react Router dom”导入{BrowserRouter as Router，Switch，Route}
导入“./App.css”
从“./MasterPassword”导入主密码
从“./EncryptForm”导入EncryptForm
从“./NotFound”导入NotFound
类应用程序扩展组件{
建造师（道具）{
超级（道具）
此.state={
主密码：空
}
}
getMasterPassword=userPassword=>{
这是我的国家({
主密码：userPassword
})
}
render（）{
返回(
{！this.state.masterPassword
? 
: 
} />
}
)
} 
}
导出默认应用程序

index.js

import React from 'react'
import ReactDOM from 'react-dom'
import { HashRouter } from 'react-router-dom' 
import './index.css'
import App from './components/App'
import * as serviceWorker from './serviceWorker'

ReactDOM.render(<HashRouter>
        <App />
    </HashRouter>, document.getElementById('root'))

serviceWorker.unregister()

从“React”导入React
从“react dom”导入react dom
从“react router dom”导入{HashRouter}
导入“./index.css”
从“./components/App”导入应用程序
将*作为serviceWorker从“./serviceWorker”导入
ReactDOM.render(
，document.getElementById（'root'））
serviceWorker.unregister（）

谢谢大家!

将此

更改为：

---

对于这样的库，这是相当标准的行为。他们希望将组件呈现为这样：

而不是这样：

{component}

@Asher的答案应该可以，但是如果您想传递一些道具，那么您可以在创建React元素的内联函数中传递组件：

<Switch><Route component={() => <NotFound message={notFoundMessage} />}/></Switch>

}/>

资源：

<Switch><Route component={() => <NotFound message={notFoundMessage} />}/></Switch>