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

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

無(wú)法從 React Js 按鈕單擊調(diào)用函數(shù)

無(wú)法從 React Js 按鈕單擊調(diào)用函數(shù)

慕沐林林 2023-07-06 17:15:22
我有 Message.js -import React from 'react';import { Button } from 'reactstrap';class Message extends React.Component{    constructor()    {super()this.state={    message:"This is message"}    }    changeMessage() {        alert("In");        this.setState({            message :"message changed"        });    }    render=()=> {        return <div>            <h1>{this.state.message}</h1>            <Button onClick="{this.changeMessage}" color="success">success</Button>        </div>    }}export default Message按鈕點(diǎn)擊在這里不起作用。我嘗試過(guò) -<Button onClick={changeMessage} color="success">success</Button>然后也嘗試過(guò) -<Button onClick="changeMessage()" color="success">success</Button>這也行不通。Uncaught TypeError : this.props.onClick is not a function.
查看完整描述

5 回答

?
搖曳的薔薇

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

class Message extends React.Component {

? constructor() {

? ? super();

? ? this.state = {

? ? ? message: "This is message",

? ? };

? }

? changeMessage = () => {

? ? alert("In");

? ? this.setState({

? ? ? message: "message changed",

? ? });

? };

? render = () => {

? ? return (

? ? ? <div>

? ? ? ? <h1>{this.state.message}</h1>

? ? ? ? <button onClick={this.changeMessage} color="success">

? ? ? ? ? success

? ? ? ? </button>

? ? ? </div>

? ? );

? };

}

export default Message;


查看完整回答
反對(duì) 回復(fù) 2023-07-06
?
慕容3067478

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

onClick={this.changeMessage} need not to be a string .

嘗試這個(gè) :

<Button onClick={()=>this.changeMessage()} color="success">success</Button>


查看完整回答
反對(duì) 回復(fù) 2023-07-06
?
慕絲7291255

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

您傳遞的 onClick 應(yīng)該是一個(gè)函數(shù),并且該函數(shù)必須綁定到在“ changeMessage ”函數(shù)內(nèi)使用“ this ”指針,因此您可以嘗試使用如下,

<Button onClick={this.changeMessage.bind(this)} color="success">success</Button>


查看完整回答
反對(duì) 回復(fù) 2023-07-06
?
肥皂起泡泡

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

<Button onClick={this.changeMessage} color="success">success</Button>


<Button onClick={() => {this.changeMessage(your params)}} color="success">success</Button>


查看完整回答
反對(duì) 回復(fù) 2023-07-06
?
慕姐4208626

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

你不需要在reactjs中引用函數(shù)。


就這樣分配吧。


<Button onClick={this.changeMessage} color="success">success</Button>

和功能


changeMessage = () => {

        alert("In");

        this.setState({

            message :"message changed"

        });

    }


查看完整回答
反對(duì) 回復(fù) 2023-07-06
  • 5 回答
  • 0 關(guān)注
  • 216 瀏覽
慕課專(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)