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

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

在ReactJs中內聯(lián)到組件的“未定義函數(shù)” onClick函數(shù)嗎?

在ReactJs中內聯(lián)到組件的“未定義函數(shù)” onClick函數(shù)嗎?

猛跑小豬 2021-05-14 18:15:19
我在reactJs中創(chuàng)建了come組件,由2個按鈕處理每個onClick函數(shù)組成,但是當我運行代碼“ myfunction is not defined”時出現(xiàn)錯誤。我想在按鈕觸發(fā)時將頁面重定向到指定的地址。我的代碼有什么問題?import React, { Component } from 'react';import { Link } from 'react-router-dom';class MainMenu extends React.Component {  constructor(props){    super(props);    this.slotClick = this.slotClick.bind(this);    this.freqClick = this.freqClick.bind(this);  }   slotClick = (e) => {    e.preventDefault();      }   freqClick = (e) => {    e.preventDefault();  }  render() {    return (      <div>           <input type="button" value="By Time Slot" onClick={ slotClick } />        <input type="button" value="By Frequency" onClick={ freqClick } />      </div>    )  }}export default MainMenu;
查看完整描述

2 回答

?
慕神8447489

TA貢獻1780條經(jīng)驗 獲得超1個贊

您需要從訪問功能this。而且您也不需要,bind()因為這些功能是箭頭功能。


render() {

    return (

      <div>   

        <input type="button" value="By Time Slot" onClick={ this.slotClick } />

        <input type="button" value="By Frequency" onClick={ this.freqClick } />

      </div>

    )

  }


查看完整回答
反對 回復 2021-05-27
?
慕碼人8056858

TA貢獻1803條經(jīng)驗 獲得超6個贊

您需要this在內使用class component。


當我們使用時,我們arrow function不需要綁定功能


import React, { Component } from 'react';

import { Link } from 'react-router-dom';


class MainMenu extends React.Component {

  constructor(props){

    super(props);

  }

   slotClick = e => {

    e.preventDefault();    

  }

   freqClick = e => {

    e.preventDefault();

  }

  render() {

    return (

      <div>   

        <input type="button" value="By Time Slot" onClick={this.slotClick()} />

        <input type="button" value="By Frequency" onClick={this.freqClick()} />

      </div>

    )

  }

}


export default MainMenu;


查看完整回答
反對 回復 2021-05-27
  • 2 回答
  • 0 關注
  • 146 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

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

幫助反饋 APP下載

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

公眾號

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