已解決430363個問題，去搜搜看，總會有你想問的

如何在ReactJS中將JSX元素設置為沒有返回的變量？

首頁猿問如何在ReactJS中將JSX元素...

如何在ReactJS中將JSX元素設置為沒有返回的變量？

JavaScript

慕斯709654 2024-01-18 16:37:55

我正在嘗試分配一個變量，該變量將成為 ReactJS 中的 JSX 元素。我想這樣做：const [useResultText, setResultText] = useState('');const changeState = () => { const br = <br /> setResultText('Hello' + br + 'world');}return ( <div onClick={changeState}>{useResultText}</div>);有什么辦法嗎？

查看完整描述

2 回答

慕姐4208626

TA貢獻1852條經驗獲得超7個贊

這很好用，因為 JSX 只表示某些類型的 JavaScript 對象。但是你必須正確定義它：

const [useResultText, setResultText] = useState('');

const changeState = () => {

const br = <br />

setResultText(<React.Fragment>Hello{br}world</React.Fragment>);

}

return (

<div onClick={changeState}>{useResultText}</div>

);

您可能更喜歡 or 標記之類的東西，而不是片段，具體取決于您想要什么。pspan

反對回復 2024-01-18

白衣非少年

TA貢獻1155條經驗獲得超0個贊

你快到了。只需將狀態設置為一個元素：

import React from "react";

import "./styles.css";

export default function App() {

const Elem = () => <div>Some stuff</div>;

const [useResultText, setResultText] = React.useState(Elem);

const changeState = () => {

const br = <br />;

setResultText(<div>Hello {br} World</div>);

};

return (

<div onClick={changeState}>{useResultText}</div>

</div>

);

}

CS：https://codesandbox.io/s/vibrant-wind-0il8p?file=/src/App.js

反對回復 2024-01-18

2 回答
0 關注
149 瀏覽

關注

添加回答

舉報

0/150

提交

取消

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

如何在ReactJS中將JSX元素設置為沒有返回的變量？

如何在ReactJS中將JSX元素設置為沒有返回的變量？

2 回答

添加回答

如何在ReactJS中將JSX元素設置為沒有返回的變量？