Javascript 在Meteor和React中使用自定义HTML属性

使用React with Meteor，如何呈现具有自定义属性的HTML标记

比如说,

<div class="page-header-image" data-parallax="true" filter-color="orange" style="background-image: url('./assets/img/header.jpg');">

---

此外，是否有一种简洁的方法来包含这些属性，特别是当您有许多具有自定义HTML属性的标记时？

使用React with Meteor，如何创建具有自定义属性的HTML标记？—您是指React组件？是的，使用React组件的

render

功能。更新了问题以使其更清楚，谢谢，所以您想知道如何在React中使用数据属性吗<代码>有效。@AndrewLi抱歉，这是个糟糕的例子。我想添加到HTML标记中的应该是类似于

filterColor=“orange”

，然后camelCase It:

filterColor=“orange”

，这是惯例。

import React from 'react';

export default class Home extends React.Component {
    render() {
        return (
            <div className="page-header-image" filter-color="orange" style={ {backgroundImage: "url('./assets/img/header.jpg')"} }></div>   
        );
    }
}