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

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問(wèn)題,去搜搜看,總會(huì)有你想問(wèn)的

我不能像下面的代碼中提到的那樣使用函數(shù)并調(diào)用它們嗎?

我不能像下面的代碼中提到的那樣使用函數(shù)并調(diào)用它們嗎?

白板的微信 2022-05-14 15:15:25
我在幾行中收到以下錯(cuò)誤消息 - “預(yù)期分配或函數(shù)調(diào)用,而是看到一個(gè)表達(dá)式 no-unused-expressions”。我是 React js 的新手。class Menu extends Component{   constructor(props){     super(props);   this.state={     value1: "Link 1",     value2: "Link 2",     value3: "Link 3"   } }   render(){     function Click1(){       <h2>{this.state.value1}</h2>     }     function Click2(){       <h2>{this.state.value2}</h2>     }     function Click3(){       <h2>{this.state.value3}</h2>     }   return(     <div>     <button  onClick={Click1}>Link 1</button><br></br>     <button onClick={Click2}>Link 2</button><br></br>     <button onClick={Click3}>Link 3</button><br></br> {/*        /* <a  onClick={Click1}>Link 1</a><br></br>     <a onClick={Click2}>Link 2</a><br></br>     <a onClick={Click3}>Link 3</a><br></br>  */} </div>   ) } }預(yù)期的輸出是:-當(dāng)我點(diǎn)擊任何一個(gè)鏈接時(shí),它應(yīng)該在下一行顯示為文本
查看完整描述

1 回答

?
慕工程0101907

TA貢獻(xiàn)1887條經(jīng)驗(yàn) 獲得超5個(gè)贊

所以我為你嘗試了這個(gè):


這樣做是定義了 3 個(gè)用于顯示鏈接或隱藏的處理程序,基本上是在單擊按鈕時(shí)切換顯示/隱藏。


class Menu extends React.Component {

  constructor(props) {

    super(props);


    this.state = {

      value1: "Link 1",

      showValue1: false,

      value2: "Link 2",

      showValue2: false,

      value3: "Link 3",

      showValue3: false

    };

  }


  click1 = () => {

    this.setState({ showValue1: !this.state.showValue1 });

  };


  click2 = () => {

    this.setState({ showValue2: !this.state.showValue2 });

  };


  click3 = () => {

    this.setState({ showValue3: !this.state.showValue3 });

  };


  render() {

    return (

      <div>

        <button onClick={() => this.click1()}>Link 1</button>

        {this.state.showValue1 && <h2>{this.state.value1}</h2>}

        <br />

        <button onClick={() => this.click2()}>Link 2</button>

        {this.state.showValue2 && <h2>{this.state.value2}</h2>}

        <br />

        <button onClick={() => this.click3()}>Link 3</button>

        {this.state.showValue3 && <h2>{this.state.value3}</h2>}

        <br />

      </div>

    );

  }

}


查看完整回答
反對(duì) 回復(fù) 2022-05-14
  • 1 回答
  • 0 關(guān)注
  • 98 瀏覽
慕課專(zhuān)欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

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

幫助反饋 APP下載

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

公眾號(hào)

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