所以我使用 React 創建一個 Web 應用程序，并且只使用 js 文件和 css 文件，而不使用 html。我有一個像這樣的js文件，其中包含一些html代碼和一些js代碼：class Teams extends Component { state = { teams: [] } componentDidMount() { ... } abc = () => { ... }; render() { return ( <Container> <Row className="space"></Row> <br></br> <br></br> <Row className="about-row"><h3>Teams</h3></Row> <br></br> <br></br> <Row className="about text-center"> { this.abc() } </Row> </Container> ); }}export default Teams;基本上我想知道是否有一種方法可以在html標簽之間插入js代碼；即有沒有辦法做這樣的事情：<div> //js code let x = "hello"; console.log(x);</div>我嘗試過使用 html 腳本標簽并在其間插入 js 代碼，但它不起作用。我是否必須在 html 標簽外部創建一個函數，然后從標簽內部調用該函數？
2 回答
狐的傳說
TA貢獻1804條經驗 獲得超3個贊
您無法在 JSX 代碼內部聲明變量，但可以訪問之前聲明的變量和函數。要在 JSX 中插入 JS，您必須在 JS 代碼周圍使用方括號 {}。
前任：
render() {
? let someVariable = {id: 1: name: "x"}
? console.log(someVariable)
? return(
? ? <div>
? ? ? {JSON.stringfy(someVariable)} // brackets here
? ? </div>
? )
}
- 2 回答
- 0 關注
- 164 瀏覽
添加回答
舉報
0/150
提交
取消