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

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

在react中使用RadioGroup時(shí)如何獲取完整的事件對(duì)象

在react中使用RadioGroup時(shí)如何獲取完整的事件對(duì)象

呼如林 2023-07-14 15:03:45
onChange大家好,我遇到了一個(gè)小問(wèn)題,我在 React 中使用 RadioGroup,我的問(wèn)題是我無(wú)法獲取事件對(duì)象,而是只獲取值,在我的情況下,我想在事件觸發(fā)時(shí)獲取名稱(chēng)和值 <RadioGroup name="distance" onChange={handleChange}>     <Radio value="0.5">0.5</Radio>     <Radio value="2000">1</Radio>     <Radio value="3000">2</Radio>     <Radio value="4000">3</Radio>     <Radio value="5000">4</Radio> </RadioGroup> const handleChange = (e) => {    console.log(e);//getting only the value     };
查看完整描述

3 回答

?
人到中年有點(diǎn)甜

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

我沒(méi)有嘗試重現(xiàn)你的情況,但嘗試這樣的事情:

onChange={e => handleChange(e)}

比CB中的

const handleChange = (e, value) => {console.log(e, value)}

此致!


查看完整回答
反對(duì) 回復(fù) 2023-07-14
?
鳳凰求蠱

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

next version (v1.x)和stable version v0.xof有兩個(gè)區(qū)別chakra-ui


<RadioGroup />在(v0.x)中


onChange?: (

    event: React.ChangeEvent<HTMLInputElement>,

    value: IRadio["value"],

  ) => void;

和<RadioGroup />(v1.x)


onChange?(nextValue: StringOrNumber): void;

如果您想?yún)⒓釉摶顒?dòng),您可以降級(jí)您的版本chakra-ui


查看完整回答
反對(duì) 回復(fù) 2023-07-14
?
慕田峪7331174

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

我遇到了同樣的問(wèn)題,因?yàn)槲蚁M襤andleChange在任何類(lèi)型的領(lǐng)域工作,我已經(jīng)這樣設(shè)置了。


const [formData, setFormData] = React.useState({

    inputField: "",

    checkBoxField: false,

    emailField: "",

    distance: "" /* radioField */

})



function handleChange(event) {

    const { name, value, type, checked } = event.target

    setFormData(prevFormData => {

        return {

            ...prevFormData,

            [name]: type === "checkbox" ? checked : value

        }

    })

}

作為解決方法,我編寫(xiě)了一個(gè)返回假事件的函數(shù)。


function createEvent(name, value) {

    return {

        target: {

            name: name,

            value: value,

            type: "radio",

            checked: false

        }

    }

}

然后我的RadioGroup會(huì)是這樣的:


<RadioGroup

    name="distance"

    onChange={

        function(value) {

            props.handleChange(

                createEvent("distance", value)

            )

        }

    }

>

    <Radio value="0.5">0.5</Radio>

    <Radio value="2000">1</Radio>

    <Radio value="3000">2</Radio>

    <Radio value="4000">3</Radio>

    <Radio value="5000">4</Radio>

</RadioGroup>

但是,是的,將name="distance"asRadioGroup的屬性不再重要了。如果我們只需要 的一些屬性event.target,但仍然希望它們能夠盡快添加對(duì)完整事件對(duì)象的訪問(wèn)權(quán)限,則可以使用。


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

添加回答

舉報(bào)

0/150
提交
取消
微信客服

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

幫助反饋 APP下載

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

公眾號(hào)

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