第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全，請及時綁定郵箱和手機(jī)立即綁定
已解決430363個問題，去搜搜看，總會有你想問的

是否可以像 JavaScript 中的代碼片段所示傳遞變量值？

是否可以像 JavaScript 中的代碼片段所示傳遞變量值？

Smart貓小萌 2023-07-29 13:42:24
我想在單擊按鈕時生成隨機(jī)顏色。請問生成隨機(jī)顏色的方法是否正確？randomColor = "#" + Math.floor(Math.random() * 16777215).toString(16);// --- more code ---changeHeaderColor() {  console.log("Change_header_color_was_clicked");  this.setState({ colors: "randomColor" });}// --- more code ---render() {  return (    <h1 style={{ color: this.state.colors }}>      This is the header Component{" "}      <button onClick={() => this.changeHeaderColor()}>        Change Header Color      </button>    </h1>  );}
查看完整描述

1 回答

?
白豬掌柜的

TA貢獻(xiàn)1893條經(jīng)驗 獲得超10個贊

因為您是以靜態(tài)方式執(zhí)行此操作并將其設(shè)置為狀態(tài)，所以您所能做的就是簡單地說：


const randomColor = '#'+Math.floor(Math.random()*16777215).toString(16);

然后使用：


<h1 style={{color: randomColor}}>

您可以通過更改狀態(tài)變量來獲得簡單的重新渲染選項，這會強(qiáng)制重新渲染。


完整代碼


import React, { useState } from "react";


export default function App() {

? const [change, setChange] = useState(0);

? const randomColor = "#" + Math.floor(Math.random() * 16777215).toString(16);

? const style = { color: randomColor };

? const handleChange = (e) => {

? ? e.preventDefault();

? ? // Just trigger a change.

? ? setChange(change + 1);

? };

? return (

? ? <div className="App">

? ? ? <h1 style={style}>Hello CodeSandbox</h1>

? ? ? <button onClick={handleChange}>Change Colour</button>

? ? </div>

? );

}

查看完整回答
反對 回復(fù) 2023-07-29
  • 1 回答
  • 0 關(guān)注
  • 128 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

 幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

 公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號