在打字稿应用程序中实现反应路由器
TyForHelpDude
我有一个相同代码的工作副本，只是来自打字稿。这是下面的代码和异常消息..
import * as React from 'react';
import Home from '../Home/Home';
import User from '../User/User';
import {
BrowserRouter as Router,Route,Link,Switch} from 'react-router-dom'
class Layout extends React.Component<{},{}> {
render() {
return (
<Router>
<div className="App">
<Switch>
<Route exact path="/" component={Home} />
<Route path="/user/:id" userid="25" component={User}/>
<Route component={Notfound}/>
</Switch>
</div>
</Router>
);
}
}
和我的组件之一，home.tsx：
import * as React from 'react';
class Home extends React.Component<{},{}> {
render() {
return (
<div className="App">
Welcome Home Page!
</div>
);
}
}
这里有什么问题吗？
克雷格·奥康纳
这是我解决问题的方法。正如评论者所解释的那样，编译器在如何显式处理传入 props 方面存在一些混淆。
应用程序.tsx：
import * as React from 'react';
import './App.css';
interface State { }
// tslint:disable-next-line
class App extends React.Component<any, State> {
render() {
return (
<div className="App">
HIIIII
</div>
);
}
}
export default App;
索引.tsx：
...
ReactDOM.render(
<Router>
<div>
<Route path="/" component={App} />
</div>
</Router>,
document.getElementById('root') as HTMLElement
);
我还没有找到更好的解决方案。但这确实会奏效。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
打字稿和反应路由器
- 2
如何在打字稿中将服务实例传递给反应路由器组件
- 3
如何将React应用程序集成到Wordpress（反应路由器）中？
- 4
在打字稿角度应用程序中解析模块时出现404
- 5
Actions.popTo(tabBarKey) 破坏应用程序。- 反应本机路由器通量
- 6
在反应路由器中切换应用程序
- 7
打字稿错误TS2393：Node / Express应用程序中的重复函数实现
- 8
反应路由器v2.0的打字稿定义-错误“没有导出的成员'browserHistory'`”
- 9
导出路由器中的路由在应用程序中不可用
- 10
在打字稿中停止程序执行
- 11
在打字稿应用程序中使用Windows运行时组件
- 12
反应打字稿：配置路由器以允许基于用户名的URL而不与其他路由冲突
- 13
如何在没有反应路由器路由器的情况下将活动类添加到 React/Preact 应用程序中的特定部分
- 14
在Backbone JS中用于大型应用程序的多路由器与单路由器
- 15
如何将小叶路由机包含到angular 2打字稿webpack应用程序中
- 16
在骨干网应用程序中获取先前的路由器/ URL
- 17
使用ui路由器时在应用程序配置中设置动态状态
- 18
Angular-UI路由器在Ionic应用程序中不起作用
- 19
铁路由器在Meteor应用程序中不起作用
- 20
MEAN应用程序中UI路由器上的嵌套视图
- 21
AngularJS ui路由器应用程序的URL中包含/＃！/
- 22
具有 angular (2/4) 的单页应用程序中的命名路由器
- 23
在打字稿中的sammy js中声明路由
- 24
在打字稿中的sammy js中声明路由
- 25
如何在反应路由器 v4 中实现嵌套路由（子路由）？
- 26
反应高阶组件在打字稿中不起作用
- 27
路由器链接中的空查询参数将被忽略是否正确？角度打字稿
- 28
如何在打字稿中实现同步功能（Angular）
- 29
在打字稿中应用正则表达式
我来说两句