相关疑难解决方法(0)

所以这应该很简单，但我没有看到明确的答案。我的标签如下所示：

.

正如您所看到的，底部 2 个字段的标签在顶部，因为它们具有默认值，而“ML 功能”的顶部没有，标签移动到文本字段的中间。

代码如下所示：

<TextField
    label="ML Features" // or any other field
    ...
   >
</TextField>

我怎样才能让标签始终在顶部？

也许这只是一个基本问题，但到目前为止尚未找到任何合理的解释。我是最近刚开始使用React和Material-UI的初学者。我不清楚何时使用输入与文本字段构建表单？

查看文档，感觉TextField是Input可以做的事情的超集，但不确定。Material-ui站点在文本字段和输入示例中都使用了示例，而没有说明一个相对于另一个以及任何用例的好处。

请提出建议。

我有一个对象数组，我想绑定对象的多个属性MenuItem，但我只想显示要显示的单个属性Select

在上图中，它在选择显示中显示 10-xyz，它应该只显示 10。

const [age, setAge] = React.useState("");
  const [options, setOptions] = React.useState([
    {
      name: "xyz",
      age: "10"
    },
    { name: "xyz", age: "20" }
  ]);
  const handleChange = (event) => {
    setAge(event.target.value);
  };

  return (
    <Select
      labelId="demo-simple-select-label"
      id="demo-simple-select"
      value={age}
      label="Age"
      onChange={handleChange}
    >
      {options.map((ele) => {
        return(<MenuItem value={ele.age}>
          {`${ele.age}-${ele.name}`} 
        </MenuItem>)
      })}
    </Select>
  );
}