React hooks:将状态设置器作为参数传递给 onChange 函数?

发布于 2025-01-11 15:43:33 字数 906 浏览 0 评论 0原文

我已经实现了。有用!但会不会很贵?如果它 那又如何呢?

const [neighbourCountryGeneraleDes, setNeighbourCountryGeneralDes] = useState(neighbour_country_generale_des_init);
const [neighbouringProvincePopulationSummary, setNeighbouringProvincePopulationSummary] = useState(neighbouring_province_population_summary_init);

const onChangeInput = (e, data, setData) => {
  const { name, value } = e.target;
  setData({ ...data, [name]: value });
};

JSX

<div style={{ marginBottom: "15px" }}>
  <SearchInputField
    width="785px"
    headText="বন্দরের নাম"
    icon={inputIcon}
    bool={false}
    placeholder="বন্দরের নাম লিখুন"
    name="air_port_name"
    value={neighbourCountryGeneraleDes.air_port_name}
    handleChange={(e) => onChangeInput(e, neighbourCountryGeneraleDes,setNeighbourCountryGeneralDes)}
  />
</div>

I already implement that. It works! but could it be expensive ?? if it
is then how?

const [neighbourCountryGeneraleDes, setNeighbourCountryGeneralDes] = useState(neighbour_country_generale_des_init);
const [neighbouringProvincePopulationSummary, setNeighbouringProvincePopulationSummary] = useState(neighbouring_province_population_summary_init);

const onChangeInput = (e, data, setData) => {
  const { name, value } = e.target;
  setData({ ...data, [name]: value });
};

JSX

<div style={{ marginBottom: "15px" }}>
  <SearchInputField
    width="785px"
    headText="বন্দরের নাম"
    icon={inputIcon}
    bool={false}
    placeholder="বন্দরের নাম লিখুন"
    name="air_port_name"
    value={neighbourCountryGeneraleDes.air_port_name}
    handleChange={(e) => onChangeInput(e, neighbourCountryGeneraleDes,setNeighbourCountryGeneralDes)}
  />
</div>

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文