Javascript 在React JSX中使用非规范属性？例如ng href

我越来越熟悉React，并考虑逐步将我的Angular应用程序移到它上面。现在，我的站点上有一个react组件。但是，我需要它在我的React组件中有一个带有

ui href

属性的元素。我试着把它当作一根线放进去，就像这样：

<a { "ui-href='" + this.props.stateLink + "'" } >...</a>

但没有乐趣，它说了一个关于意外字符串的错误

我还了解到，您可以在自定义属性前面加上

data-

前缀，以使其工作，这是事实，但它会附加

data-

，例如

data ui href

是它创建的实际最终属性

---

任何已知的解决方法？

我认为发生意外的字符串错误是因为您混合了Angular和React语法。请尝试以下方法：

<a data-ui-href={this.props.stateLink} >...</a>

---

不过，它会在属性中保留

数据-

前缀。不确定该解决方案是什么。

此线程中有几个潜在的解决方案：虽然没有一个很好的解决方案。

将此作为React的一部分正在进行中，但还没有。这是原版

现在的一个解决方法是在React之外添加属性。例如，在

componentDidMount

中

var Hello = React.createClass({

    componentDidMount: function() {
      React.findDOMNode(this.refs.link).setAttribute('ui-href', 'value');
    },

    render: function() {
        return <div>
          <a ref="link">Something</a>
        </div>;
    }
});

var Hello=React.createClass({
componentDidMount:function（）{
React.findDOMNode（this.refs.link）.setAttribute（'ui-href'，'value'）；
},
render:function（）{
回来