白衣非少年
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 函數生成動態 HTML 并且我想禁用按鈕,如果文本為 null for induvial form 以及如何在 react js 中單擊按鈕時獲取文本值
1 回答

夢里花落0921
TA貢獻1772條經驗 獲得超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>
? );
}
添加回答
舉報
0/150
提交
取消