javascript - 无法在 React 中编辑输入元素的值

Question

我的 React 项目有问题，我有一个如下所示的输入元素，但我无法编辑输入的文本。我只能在删除 value 属性时编辑输入文本，但我想要一个默认值。

  <div className="form-group">
       <label>Email:</label> 
       <input  
          className="form-input" 
          type="text" 
          value="[e-mail]" 
          name="email">
       </input>
  </div>

标签： javascripthtmlreactjs

Answer 1

您可以使用useRef或defaultValue

import React, { useRef, useEffect } from "react";

const input = useRef();
useEffect(() => {
    input.current.value = "[e-mail]";
}, []);

<input ref={input} className="form-input" type="text" name="email" />`