在控制台未知道具中反应 js 警告答案

【问题标题】：react js warnings in console unknown prop在控制台未知道具中反应 js 警告
【发布时间】：2017-07-05 12:49:54
【问题描述】：

我有一个带有 react-toolbox 的 reactJS 应用程序

在控制台中我收到此错误：

Warning: Unknown prop `raised` on <a> tag. Remove this prop from the element.

知道如何解决此警告吗？我不想删除标签，是否有解决方法可以在不删除此标签的情况下使其正常工作？

谢谢

更新

 <Button icon='save' type="submit" label={<T value='processes.new.save'/>} raised primary/>

我用这个东西：http://react-toolbox.com/#/components/button

【问题讨论】：

你能发布你的反应组件的部分或全部代码吗？
将raised 更改为data-raised。您应该避免使用不在规范中的自定义 dom 属性。
那不行。
添加了上面截取的代码

标签： javascript reactjs react-toolbox

【解决方案1】：

发生这种情况是因为“raised”道具被添加为<Link> 制作的<a> 的道具。您可以通过位置的 state 属性包含其他信息。

查看Link docs

【讨论】：

感谢文档链接。但是你能给我举个例子吗？
这不是解决这个问题的办法
您是否收到任何其他警告，例如“警告：不推荐通过主 React 包访问 PropTypes。请改用 npm 中的 prop-types 包。” @费利克斯
我也读过这个，但问题仍然悬而未决......我认为我的问题是另一个

【解决方案2】：

每当您将属性添加到不在 HTML 规范中的 DOM-tag 时，React 都会向您发出警告。 raised 不是一个有效的 <a /> 属性，因此 React 让你知道你可能犯了一个错误。该标签 - 尽管它将应用于 DOM (IIRC) - 不会被任何浏览器操作。如果您出于其他原因需要添加自定义属性，请使用data--前置属性，例如data-raised。

这看起来需要是一个类或其他东西，而不是 a 标记上的属性 - 但如果没有看到您的代码，很难给出更准确的答案。

【讨论】：

这不是一个解决方案。那是 react-toolbox 的一个属性，所以你的解决方案不起作用。
查看 react-toolbox 中的代码，我认为您的代码中有不同的部分会触发此警告。如果选择了 href 属性，<Button /> 将仅是 <a /> 标记 - 您的示例没有。请提供更多信息/代码示例以获得更明智的答案 =)