第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問(wèn)題,去搜搜看,總會(huì)有你想問(wèn)的

React 渲染預(yù)期表達(dá)式

React 渲染預(yù)期表達(dá)式

楊__羊羊 2022-05-22 19:19:35
我現(xiàn)在從 React 開(kāi)始。我遵循 reactjs.org 的官方指南,了解如何創(chuàng)建運(yùn)行 React 的網(wǎng)頁(yè)。然后我只是嘗試將我渲染的輸入修改為一個(gè)簡(jiǎn)單的<h1>. 但是,一旦我這樣做了,我就收到了意外的表達(dá)式錯(cuò)誤,說(shuō)“<”不起作用。這是代碼。const element = <h1>test</h1>;const domContainer = document.querySelector('#like_button_container');ReactDOM.render(element, domContainer);我知道這真的很基本。我在他們的網(wǎng)站上看到的所有地方都可以正常工作,但我總是收到錯(cuò)誤消息。我用它來(lái)導(dǎo)入 React:<script src="https://unpkg.com/react@16/umd/react.development.js" crossorigin></script><script src="https://unpkg.com/react-dom@16/umd/react-dom.development.js" crossorigin></script>這就是我想做的:
查看完整描述

3 回答

?
PIPIONE

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


查看完整回答
反對(duì) 回復(fù) 2022-05-22
?
Smart貓小萌

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


查看完整回答
反對(duì) 回復(fù) 2022-05-22
?
慕娘9325324

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)建工具鏈。


查看完整回答
反對(duì) 回復(fù) 2022-05-22
  • 3 回答
  • 0 關(guān)注
  • 162 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)