SX 會讓你把標簽放到 JavaScript 中。而大括號會讓你 “回到” JavaScript 中,這樣你就可以從你的代碼中嵌入一些變量并展示給用戶。例如,這將顯示 user.name
:
return (<h1>{user.name}</h1>
);
你還可以將 JSX 屬性 “轉義到 JavaScript”,但你必須使用大括號 而非 引號。例如,className="avatar"
是將 "avatar"
字符串傳遞給 className
,作為 CSS 的 class。但 src={user.imageUrl}
會讀取 JavaScript 的 user.imageUrl
變量,然后將該值作為 src
屬性傳遞:
return (<imgclassName="avatar"src={user.imageUrl}/>
);
】
在上面示例中,style={{}}
并不是一個特殊的語法,而是 style={ }
JSX 大括號內的一個普通 {}
對象。當你的樣式依賴于 JavaScript 變量時,你可以使用 style
屬性。
他是這樣使用的 跟咱們平常寫的vue2 vue3 不一樣 所以我們一開始寫react 肯定很別扭 當然我們目前首先是要搞懂這個語法? 說白了 咱去學習所有的新框架 語言 就是為了 更好的? 掙錢 跳槽拿更高的薪資 先去懂這門框架 再根據公司要求 重點學?