所以我使用 React 創(chuàng)建一個 Web 應(yīng)用程序，并且只使用 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標(biāo)簽之間插入js代碼；即有沒有辦法做這樣的事情：<div> //js code let x = "hello"; console.log(x);</div>我嘗試過使用 html 腳本標(biāo)簽并在其間插入 js 代碼，但它不起作用。我是否必須在 html 標(biāo)簽外部創(chuàng)建一個函數(shù)，然后從標(biāo)簽內(nèi)部調(diào)用該函數(shù)？
2 回答
狐的傳說
TA貢獻(xiàn)1804條經(jīng)驗(yàn) 獲得超3個贊
您無法在 JSX 代碼內(nèi)部聲明變量，但可以訪問之前聲明的變量和函數(shù)。要在 JSX 中插入 JS，您必須在 JS 代碼周圍使用方括號 {}。
前任：
render() {
? let someVariable = {id: 1: name: "x"}
? console.log(someVariable)
? return(
? ? <div>
? ? ? {JSON.stringfy(someVariable)} // brackets here
? ? </div>
? )
}
- 2 回答
- 0 關(guān)注
- 179 瀏覽
添加回答
舉報
0/150
提交
取消