Reactjs如何通过Typescript将道具从index.html传递到应用程序组件
Reactjs如何通过Typescript将道具从index.html传递到应用程序组件
提问于 2020-09-07 17:43:22
你好，我想把道具从index.html传递给App.tsx，正如你所看到的，我使用的是typescript。所以我想用typescript来做。
我的代码
//index.html
<div id="root" name="test"></div> //props name test//Index.tsx
import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import App from './App';
import * as serviceWorker from './serviceWorker';
var container =document.getElementById('root');
ReactDOM.render(
<App name={container.getAttribute('name')} />
,
container
);
serviceWorker.unregister();//很抱歉，我应该提供这个我对typescript的了解很低
//App.tsx
import React from 'react';
import logo from './logo.svg';
import './App.css';
class App extends React.Component {
render(){
return (
<div className="App">
<p>{this.props.name}</p>
</div>
)
}
}
export default App;回答 1
Stack Overflow用户
发布于 2020-09-07 18:54:34
你应该给你的App组件构造函数添加一些道具：
class App extends React.Component {
constructor(props) {
super(props);
}
render(){页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/63775062
复制相关文章
相似问题
腾讯云开发者
