reactの二つの導入パッケージの方法{}はプラスしないで、reactはコンポーネントと引用コンポーネントを作って、レンダー方法の導入をレンダリングします.
1110 ワード
TYPE Scriptの2つのimport 1は、デフォルトのコンポーネントを導入するためにReactDOMと命名され、2はレンダーというコンポーネントを導入するために使用されます.reactの使用には、Reactとrenderを導入しなければならないが、前者は点後者を直接使用し、exportが暴露したコンポーネントはReactまたはreactの下のComponent呼び出し方式を導入する必要があり、前者は点後者の直接使用である.デフォルトのコンポーネントについてはexport defaultを使って露出していますが、{}の中にexportを使って露出しています.はい、https://blog.csdn.net/qlin_11/articale/detail/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(
,
document.getElementById("app-container")
)
//2
render(
,
document.getElementById("app-container")
)
*コンポーネント方法1を宣言します.import React from "react";
class App extends React.Component{
render(){
return wosshi{20+20};
}
}
export default App;
**方法2import {Component}from "react";
class App extends Component{
render(){
return wosshi{20+20};
}
}
export default App;