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

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

單擊按鈕時響應更新輸入值

單擊按鈕時響應更新輸入值

拉丁的傳說 2021-10-21 11:07:02
我有一個帶有輸入字段的 React 組件。我想在單擊按鈕時更新輸入字段的值，我可以在檢查元素時確認該值發(fā)生了變化，但它沒有顯示在輸入字段中。下面是一個示例代碼，只是為了提供一個想法。class InputField { constructor(props) {  super(props) } state = {  userInput: '' }}onClick = () => { this.setState({  userInput: 'Test' })}render() { return ( <input value={this.state.userInput} name="sampleInput" />  <button onClick={this.onClick}> Click me </button>   )}
查看完整描述

3 回答

?
蕪湖不蕪

TA貢獻1796條經驗 獲得超7個贊

修復語法

你的代碼沒問題，只是訂單很少。


我添加了整個組件


import React, { Component } from 'react';


class InputField extends Component {

  constructor(props) {

    super(props)

  }


  state = {

    userInput: ''

  }


  onClick = () => {

    this.setState({

      userInput: 'Test'

    })

  }


  render() {

    return (

      <div>

        <input value={this.state.userInput} name="sampleInput" />

        <button onClick={this.onClick}>Click me</button>

      </div>

    )

  }

}


export default InputField;


查看完整回答
反對 回復 2021-10-21
?
慕妹3242003

TA貢獻1824條經驗 獲得超6個贊

我剛剛刪除了您示例中的語法錯誤，它對我有用。


import React from 'react';


export default class InputField extends React.Component {

    constructor(props) {

        super(props)

        this.state = {

            userInput: ''

        }

    }


    onClick = () => {

        this.setState({

            userInput: 'Test'

        })

    }



    render() {

        return (

            <div>

                <input value={this.state.userInput} name="sampleInput"/>

                <button

                    onClick = {this.onClick} 

                >

                    Click me

                </button>

            </div>

        )

    }

}


查看完整回答
反對 回復 2021-10-21
  • 3 回答
  • 0 關注
  • 184 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

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

 幫助反饋 APP下載

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

 公眾號

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