小编Jan*_*a21的帖子

即使组件重新渲染,输入值如何保持不变?

我有一个非常基本的反应组件,如下所示。据我所知,每次状态值发生变化时,该组件都会重新渲染。但我想知道的是,如果每次我在输入字段中输入内容时组件都会重新渲染,为什么输入值保持不变并且不会返回到空值?

import React, { useState } from "react";

const InputExample = () => {
  const [value, setValue] = useState("");
  console.log("render");
  return (
    <>
      <input type="text" onChange={(e) => setValue(e.target.value)} />
    </>
  );
};

export default InputExample;
Run Code Online (Sandbox Code Playgroud)

javascript reactjs react-component

1
推荐指数
1
解决办法
4277
查看次数

标签 统计

javascript ×1

react-component ×1

reactjs ×1