TYPEScript的两种import
1为引入默认组件命名为ReactDOM,2为引入render这一组件。在react的使用中,必须要引入React和render 使用时前者为点后者为直接使用,export暴露的组件,需要引入React或者react下的{Component}调用方式,前者为点 后者直接使用。
关于默认组件是使用 export default 暴露的,{}里的是使用export暴露的。在https://blog.csdn.net/qlin_11/article/details/90759210
我的这篇博客里有说明二者差别
import React from "react";
import ReactDOM from "react-dom"; //1
// import {render} from "react-dom"; //2
import App from "./App.js";
//1
ReactDOM.render(
<App></App>,
document.getElementById("app-container")
)
//2
render(
<App></App>,
document.getElementById("app-container")
)
**声明组件 方法1
import React from "react";
class App extends React.Component{
render(){
return <h1> wosshi{20+20}</h1>;
}
}
export default App;
**
方法2
import {Component}from "react";
class App extends Component{
render(){
return <h1> wosshi{20+20}</h1>;
}
}
export default App;