小编kob*_*003的帖子

我的注册组件：

const Register = () => {
  const [name, setName] = useState('');
  const onNameChange = (e) => {
    setName(name = e.target.value);
  };
<form className="form" onSubmit={onFormSubmit}>
    <div className="form-group">
      <input
        type="text"
        placeholder="Name"
        name="name"
        value={name}
        onChange={onNameChange}
        required
      />
    </div>
    </form>

我的问题是放置 value 属性（即“value={name}”）的目的是什么？

我注意到，即使不写它（值属性），值（e.target.value）也会被视为上述的值<input>。在我看来，没有 value 属性它的功能是一样的。

我有这个 html：

  <div class="container h-screen w-screen">
    <div class="navBar h-7"></div>
    <div class="content-container"></div>
  </div>

我已将 .navBar 的高度设置为 h-7。现在我想将 .content-container 的高度设置为 100vh-(h-7)。

我如何使用 calc() 来设置它？