react-router 4以降の動的ローディングソリューション(code-split)
1241 ワード
react-routerは5.0にアップグレードしました.以前使っていた2.*、creat-react-apで新しいプロジェクトを作ってみたいです.
まずreact-router-reduxの使い方が変わりました.ConnectedRouterを使っています.ここで間違いがあると思いましたが、長い間繰り返してみたら違います.
文書を見て、多くは言いませんが、必ず次のようなエラーが発生します.
githubアドレス:https://github.com/jiangbo201...
まずreact-router-reduxの使い方が変わりました.ConnectedRouterを使っています.ここで間違いがあると思いましたが、長い間繰り返してみたら違います.
ReactDOM.render(
,
document.getElementById('root')
)
第二公式のcode-split案https://reacttraining.cn/web/... 文書を見て、多くは言いませんが、必ず次のようなエラーが発生します.
Warning: React.createElement: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: null. Check your code at index.js:44.
in Bundle (at index.js:43)
in Abouts (created by Route)
in Route (at index.js:56)
in div (at index.js:54)
in App (at index.js:67)
in Router (created by ConnectedRouter)
in ConnectedRouter (at index.js:66)
in Provider (at index.js:65)
googleは長い間、bundle.jsの中で、render方法の中で、書き直します.render() {
return this.props.children(this.state.mod)
}
はい、return this.state.mod ? this.props.children(this.state.mod) : null
世界は静かになりましたgithubアドレス:https://github.com/jiangbo201...