如何在JSX中添加自定义html属性

JavaScript React.js

王者一打九

2020-03-19

背后有不同的原因,但是我想知道如何简单地向JSX中的元素添加自定义属性?

第2318篇《如何在JSX中添加自定义html属性》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

3个回答
JinJin凯梅 2020.03.19

如果您使用的是es6,则应该可以:

<input {...{ "customattribute": "somevalue" }} />
飞云Pro猴子 2020.03.19

考虑您要传递一个myAttr以value 命名的自定义属性myValue,这将起作用:

<MyComponent data-myAttr={myValue} />
村村小卤蛋 2020.03.19

您可以使用“ is ”属性来禁用元素的React属性白名单。

在这里查看我的答案: Stackoverflow

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android