3 react 使用babel啟用jsx

2021-09-25 07:25:00 字數 877 閱讀 5008

import react, from 'react'

import reactdom from 'react-dom'

const myh1 = react.createelement('h1',,'這是乙個h1');

//這種麻煩,使用html是最好的標記語言

const myh1 = 這是乙個div標籤

react做了一層封裝,

但js檔案中預設不能寫html這種標記,在js中,混合寫入類似於html的語法,叫jsx語法

安裝babel解決,可將myh1轉換成react.createelement語法。

reactdom.render(

myh1,

document.getelementbyid("root")

);

npm i babel-core babel-loader babel-plugin-transform-runtime -d

npm i babel-preset-env babel-preset-stage-0 babel-preset-react -d

> bable-loader,babel-core 會出版本問題,請見babel版本問題 babel-loader7.x 配 babel-core 6.x

> 使用 `npm i babel-core babel-loader@7 babel-plugin-transform-runtime -d

module:

]}

react獲取noe4j 資料 用d3js展示

neo4j driver 4.1.2 import neo4j from neo4j driver async getknowmap cypher,user relationships initial cypher cypher var viz new window.neovis.default c...

js學習筆記3 with語句的使用

with是ecmascript規定的內容,主要用於設定 在特定物件中的作用域。var smessage hello with smessage 等同於 alert smessage.touppercase with語句可以在不造成效能損失的情況下,減少變數的長度 with math 上面 指定mat...

js學習筆記3 with語句的使用

with是ecmascript規定的內容,主要用於設定 在特定物件中的作用域。var smessage hello with smessage 等同於 alert smessage.touppercase with語句可以在不造成效能損失的情況下,減少變數的長度 with math 上面 指定mat...