3 回答

TA貢獻(xiàn)1829條經(jīng)驗(yàn) 獲得超9個(gè)贊
這是因?yàn)?react 期望渲染一個(gè)組件,它可以是一個(gè)函數(shù)或一個(gè)類。
所以你必須把你的元素包裝成一個(gè)函數(shù)或一個(gè)類,并用 TitleCase 命名它。
const Element = () => <div>element</div> ReactDOM.render(<Element />, domContainer);
我認(rèn)為你應(yīng)該閱讀更多關(guān)于他們的文檔Reactjs Documentation

TA貢獻(xiàn)1911條經(jīng)驗(yàn) 獲得超7個(gè)贊
您尚未在設(shè)置中配置 JSX 轉(zhuǎn)譯。檢查此鏈接以在沒(méi)有 JSX 的情況下使用 React:https ://reactjs.org/docs/react-without-jsx.html 。
如果您想在沒(méi)有設(shè)置的情況下使用 JSX,請(qǐng)將此腳本添加到您的 html:<script src="https://unpkg.com/babel-standalone@6/babel.min.js"></script>
并使用以下標(biāo)記腳本標(biāo)簽type="text/babel"
: https ://reactjs.org/docs/add-react-to-a-website.html#quickly-try-jsx
盡管您可以在腳本標(biāo)簽中添加 react,但這并不是真正推薦的方式,因?yàn)槟枰趯?shí)際項(xiàng)目中將 jsx 編譯為 js 的設(shè)置。
我建議您使用 create-react-app 來(lái)設(shè)置基本項(xiàng)目。
https://github.com/facebook/create-react-app

TA貢獻(xiàn)1783條經(jīng)驗(yàn) 獲得超4個(gè)贊
我猜你“導(dǎo)入” React的事實(shí)意味著你不使用webpack或任何其他構(gòu)建工具。所以你不要編譯你的代碼。但
const element = <h1>test</h1>;
是不正確的JS。這是JSX。
嘗試將此行更改為
const element = React.createElement('h1', null, 'test');
見(jiàn)https://reactjs.org/docs/react-without-jsx.html
或者使用一些構(gòu)建工具鏈。
添加回答
舉報(bào)