当前位置: 首页 > 面试题库 >

如何在React中为表单标签生成唯一的ID?

李经国
2023-03-14
问题内容

我有带有labels的表单元素,并且我希望有唯一的ID将labels 链接到具有htmlForattribute的元素。像这样:

React.createClass({
    render() {
        const id = ???;
        return (
            <label htmlFor={id}>My label</label>
            <input id={id} type="text"/>
        );
    }
});

我曾经根据生成ID,this._rootNodeID但自从React 0.13起就不可用了。现在最好和/或最简单的方法是什么?


问题答案:

这个解决方案对我来说很好。

utils/newid.js

let lastId = 0;

export default function(prefix='id') {
    lastId++;
    return `${prefix}${lastId}`;
}

我可以这样使用它:

import newId from '../utils/newid';

React.createClass({
    componentWillMount() {
        this.id = newId();
    },
    render() {
        return (
            <label htmlFor={this.id}>My label</label>
            <input id={this.id} type="text"/>
        );
    }
});

但它在同构应用程序中不起作用。

添加17.08.2015
。相反,自定义NEWID的功能,您可以使用UNIQUEID从lodash。

更新28.01.2016 。最好在中生成ID componentWillMount



 类似资料:
  • 我有带有s的表单元素,我希望有唯一的ID将s链接到带有属性的元素。大概是这样的: 我以前是根据,但自从React 0.13之后就不可用了。现在最好和/或最简单的方法是什么?

  • 问题内容: 我正在使用PHP和MySQL编写脚本,并且想要获得一个唯一的ID(由字符串组成:大写字母和带数字的小写字母),例如:。我在PHP中发现了许多可以生成此类数字的函数,但我担心如何确保id唯一! 更新 :uuid很长,我的意思是这样的ID:(P5Dc)一个11个字母数字的字符。 问题答案: 一个 编程的方式 可以是: 在字段中添加一个唯一索引 在PHP中生成随机字符串 在PHP中循环(wh

  • 我试图找到一种算法,为我正在编写的图表引擎生成Y轴,并且处于拔毛阶段。 四处搜索会产生各种解决方案,但我很难找到一个适合所有数据范围的解决方案。 这是我到目前为止得到的: 这给了我一个新的范围,我想为它生成一个Y轴。 我计算每个YAxis标签之间的距离,如下所示: 我还尝试使用更简单的算法计算滴答声: 前一种方法适用于小范围,例如23- 在0的情况下- 我通过循环labelCount(在我的例子中

  • 关于在CodeIgniter中启用表单验证的规则,我有一个问题。 在另一种解释(链接)中,它们不包括标准用法 我需要使用规则我的字段。 我应该如何使该函数在我的模型文件上工作以启动?因为在文档中,我没有看到关于启用规则的解释。 我目前的代码仍然使用手动匹配数据,但我需要知道如何使用这个规则 美元这个-

  • 问题内容: 当我将Mongodb与Java结合使用时,我想在客户端生成对象ID。但是,在插入记录之前,我必须先查询mongodb以确保由ObjectId()方法生成的ID是唯一的。有什么方法可以生成唯一的对象ID,而无需两次访问mongodb? 问题答案: 对象ID与您在RDMS中使用的顺序ID不同。如果它们是根据对象ID规范正确生成的,则无需担心它们是唯一的。 您要做的就是确保始终创建一个新的对

  • 问题内容: 如何生成不猜测下一个数字的java中的整数的唯一ID? 问题答案: 它需要有多独特? 如果它仅在流程中唯一,则可以在每次需要新值时使用和调用。