作為我的 BA 論文的一部分開始進行反應，需要一些代碼作為示例，但不希望它們是通用的，所以如果有人可以解釋為什么這不起作用，那將非常有幫助，謝謝！
import React from 'react';
import ReactDOM from 'react-dom/client';
function Greetings(props){
return <h1> hello! {props.name}</h1>;
}
const element = <Greetings name ='Sarah' />;
document.getElementById('root').innerHTML = element.props(name);
uj5u.com熱心網友回復：
element是一個小物件，描述您希望在頁面上顯示的內容。基本上，它看起來像這樣：
const element = {
type: Greetings,
props: { name: 'Sarah' }
}
這不是您打算直接使用的東西。沒有直接的方法可以確定 Greetings 將包含一個<h1>，或者它將構造一個 string "hello! Sarah"。將這個元素放在頁面上的方法是做出反應來渲染它。React 將遞回地遍歷元素樹，根據需要進行渲染，然后它會比較更改的內容并更新 DOM。
在 react 18 中，這樣做如下：
import { createRoot } from 'react-dom/client'
const root = createRoot(document.getElementById('root'));
const element = <Greetings name ='Sarah' />;
root.render(element)
root.render通常在您的應用程式中只呼叫一次，然后您將狀態設定為導致重新渲染。
uj5u.com熱心網友回復：
import React from 'react';
import ReactDOM from 'react-dom/client';
function Greetings(props){
return <h1> hello! {props.name}</h1>;
}
const element = <Greetings name ='Sarah' />;
ReactDOM.render(element, document.getElementById('root'));
https://www.pragimtech.com/blog/reactjs/introduction-to-react-elements/ 這可能會對您有所幫助。
轉載請註明出處，本文鏈接：https://www.uj5u.com/houduan/485366.html
標籤：反应