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;
**方法2
import {Component}from  "react";
class App extends Component{
    render(){
        return 

wosshi{20+20}

; } } export default App;