React中文本输入框显示异常（Placeholder不显示）求助

你的代码里没有添加placeholder属性，这就是提示文本不显示的直接原因。另外还有两个细节需要修正：

• React的JSX中，label标签的for属性要写成htmlFor（因为for是JavaScript的保留关键字）
• 你的input标签id拼写错误（IdFileld应为IdField），会导致label和input无法正确关联

以下是修正后的完整代码：

import React, { useState } from 'react'

function App() {
  const[ID, setId] = useState("");

  const handleChange = event => {
    setId(event.target.value);
  }

  return (
    <div className='IdParent'>
      <div className='some'>
        <label htmlFor="IdField">Enter ID: </label> 
        <input
          id="IdField"
          name="IdField"
          type="text"
          onChange={handleChange}
          value={ID}
          placeholder="请输入你的ID" // 添加placeholder属性设置提示文本
        /> 
      </div>
    </div>
  );
}

export default App

修改说明：

• 在input标签中添加placeholder属性，填入你需要的提示文本就能正常显示
• 修正label的htmlFor属性值与input的id一致，确保点击label时input能获得焦点
• 统一id和name的拼写，避免不必要的逻辑错误

内容的提问来源于stack exchange，提问作者Tulika