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

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

如果反應(yīng)中的文本框為空，我想禁用按鈕

如果反應(yīng)中的文本框為空，我想禁用按鈕

白衣非少年 2023-03-18 17:48:22
return (    {jobstate.jobs.map((data,i) =>{   <form>    <input type="text" placeholder="Post a comment" onChange={(e) => jobcmthandler(e,data._id,i) } />    <button type="button" onClick={postcmt} >Send</button>  </form>   })})我使用 map 函數(shù)生成動態(tài) HTML 并且我想禁用按鈕，如果文本為 null for induvial form 以及如何在 react js 中單擊按鈕時獲取文本值
查看完整描述

1 回答

?
夢里花落0921

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

我真的不明白你為什么要這樣做但是：

import React, { useState } from "react";


export default function App() {

? return ["Name", "Age"].map((label) => <Form label={label} />);

}


function Form({ label }) {

? const [readValue, writeValue] = useState("");

? return (

? ? <form>

? ? ? <label>{label}</label>

? ? ? <input

? ? ? ? type="text"

? ? ? ? placeholder="Post a comment"

? ? ? ? onChange={(e) => writeValue(e.target.value)}

? ? ? ? value={readValue}

? ? ? />

? ? ? <button

? ? ? ? type="button"

? ? ? ? onClick={() => console.log("Submit")}

? ? ? ? disabled={readValue === ""}

? ? ? >

? ? ? ? Send

? ? ? </button>

? ? </form>

? );

}


查看完整回答
反對 回復(fù) 2023-03-18
  • 1 回答
  • 0 關(guān)注
  • 130 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

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

 幫助反饋 APP下載

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

 公眾號

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