在React JSX中使用非规范属性?例如ng-href

时间:2015-06-03 00:50:43

标签: javascript reactjs react-jsx

我熟悉React并想着逐渐将我的Angular应用程序移到它上面。现在,我的网站上有一个反应组件。但是,我需要它在我的React组件中有一个具有ui-href属性的元素。我试着把它放在一个字符串中,就像这样:

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

但没有快乐,它说出了关于意外字符串的错误。

我还读过您可以使用data-为自定义属性添加前缀以使其生效,这是正确的,但它保持data-附加,例如data-ui-href是它创建的实际最终属性。

任何已知的解决方法?

3 个答案:

答案 0 :(得分:0)

我认为发生意外的字符串错误是因为你正在混合Angular&amp;反应语法。试试这个:

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

它确实在属性中保留data-前缀。不确定解决方法是什么。

答案 1 :(得分:0)

这个帖子中有几个可能的解决方法:https://github.com/facebook/react/issues/140但是,没有一个很好的解决方案。

答案 2 :(得分:0)

将其作为React的一部分正在进行中,但它还没有。这是原始问题。 https://github.com/facebook/react/issues/140

现在的解决方法是在React之外添加属性。例如,在HRESULT WINAPI SLGetPKeyInformation( _In_ HSLC hSLC, _In_ const SLID *pPKeyId, _In_ PCWSTR pwszValueName, _Out_opt_ SLDATATYPE *peDataType, _Out_ UINT *pcbValue, _Out_ PBYTE *ppbValue ); 中。

componentDidMount

http://jsbin.com/cuzebuxuci/1/edit?html,js,output