在React中使用相同标签引用标签的属性

Question

在我的应用程序中，我有没有外部标签但使用占位符的表单字段。当所有字段都填满时，您将无法分辨哪个字段是什么。

我一直在寻找一种类似的方法（在字段标题中显示占位符）：

<input name="FirstName" title={this.element.getProperty('placeholder')} placeholder="First Name" />

Answer 1

我猜您有多个字段，对吗？为什么不只是创建要映射并创建输入的数据？

const data = [
   { name: "FirstName", title: "First Name" },
   { name: "LastName", title: "Last Name },
];

然后：

data.map((elem) => <input name={elem.name} title={elem.title} placeholder={elem.title} />);

尝试让您的生活更轻松。