eslint自定义规则-禁用jsx语法中的特定html元素

Question

我想知道如何创建自定义规则，在其中我可以用jsx语法定义fobidden html元素。

例如，我希望确保只使用我的ui库中的<Button />和<Input />组件。如果<input>或<button> html元素在jsx中使用，eslint应该会抛出一个错误。

Answer 1

如果你想自己创建一个ESLint规则(例如学习新的东西)，那么这不会有什么帮助，而且肯定超出了StackOverflow问题的范围，但如果你出于实际原因需要它，可以使用there is already a rule that does exactly what you want。