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

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

我不能像下面的代碼中提到的那樣使用函數并調用它們嗎?

我不能像下面的代碼中提到的那樣使用函數并調用它們嗎?

白板的微信 2022-05-14 15:15:25
我在幾行中收到以下錯誤消息 - “預期分配或函數調用,而是看到一個表達式 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>   ) } }預期的輸出是:-當我點擊任何一個鏈接時,它應該在下一行顯示為文本
查看完整描述

1 回答

?
慕工程0101907

TA貢獻1887條經驗 獲得超5個贊

所以我為你嘗試了這個:


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


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>

    );

  }

}


查看完整回答
反對 回復 2022-05-14
  • 1 回答
  • 0 關注
  • 94 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號