Javascript “如何修复”；警告：未知道具“更改背景”，“颜色代码”在<；部门>；标签。从元件上取下这些支柱；错误？
我在加载已打包了Webpack的页面时遇到问题。Im使用React呈现页面HTML。在web浏览器中打开html时，会出现以下错误：Javascript “如何修复”；警告：未知道具“更改背景”，“颜色代码”在<；部门>；标签。从元件上取下这些支柱；错误？,javascript,html,css,angularjs,reactjs,Javascript,Html,Css,Angularjs,Reactjs,我在加载已打包了Webpack的页面时遇到问题。Im使用React呈现页面HTML。在web浏览器中打开html时，会出现以下错误： Warning: Unknown props `change-background`, `colorcode` on <div> tag. Remove these props from the element. in div (created by Component) in div (created by Component)
Warning: Unknown props `change-background`, `colorcode` on <div> tag. Remove these props from the element.
in div (created by Component)
in div (created by Component)
in Component"
警告：标签上的未知道具'change background'，'colorcode'。从元件上取下这些支柱。
在div中（由组件创建）
在div中（由组件创建）
“在组件中”
<html lang="en">
<head>
<link rel="stylesheet" type="text/css" href="cssWEB.css">
<link href="https://fonts.googleapis.com/css?family=Bungee+Hairline" rel="stylesheet">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>React App</title>
</head>
<body data-ng-app="App">
<div id="root"></div>
<script src="public/bundle.js" type="text/javascript"></script>
</body>
</html>
反应应用程序
import React from 'react';
import ReactDOM from 'react-dom';
import {Element, scroller} from 'react-scroll';
const Component = React.createClass({
componentDidMount: function() {
scroller.scrollTo('myScroller', {
duration: 1500,
delay: 500,
smooth: true
});
},
render: function() {
return (
<div>
<link rel="stylesheet/less" href="style.less" type="text/css" />
<script src="http://lesscss.googlecode.com/files/less-1.0.21.min.js"></script>
<link type="text/javascript" href="jscode.js"></link>
<header>
La Barriada
</header>
<div className="cube" change-background colorcode="#f45642" ref={(el) => { this.messagesEnd = el; }}>
<div className="front"><span>Experience</span></div>
<div className="back"></div>
<div className="top"></div>
<div className="bottom"></div>
<div className="left"></div>
<div className="right"></div>
</div>
<div className="wrap2">
<div className="cube" change-background>
<div className="front" colorcode="#f45642"><span>Work</span></div>
<div className="back"></div>
<div className="top"></div>
<div className="bottom"></div>
<div className="left"></div>
<div className="right"></div>
</div>
</div>
<div className="wrap3">
<div className="cube" change-background>
<div className="front" colorcode="#f45642"><span>Contact</span></div>
<div className="back"></div>
<div className="top"></div>
<div className="bottom"></div>
<div className="left"></div>
<div className="right"></div>
</div>
</div>
<Element name="link1">
<div className="bg2" id="linkhere"></div>
</Element>
<div className="slide1">
</div>
<div className="slidechild1">
<div className="centerbox">
<div className="center">
<ul>
<li data-ng-click="clicked2()" id="B1">aa</li>
<li id="B2">cc.i</li>
</ul>
</div>
</div>
</div>
</div>
);
}
});
ReactDOM.render(
<Component />,
document.getElementById("root")
);
从“React”导入React；
从“react dom”导入react dom；
从'react scroll'导入{Element，scroller}；
const Component=React.createClass({
componentDidMount:function（）{
scroller.scrollTo（'myScroller'{
持续时间：1500，
延误：500，
顺利：是的
});
},
render:function（）{
返回(
巴里亚达酒店
{this.messagesEnd=el；}}>
经验
工作
接触
- aa
抄送一
);
}
});
ReactDOM.render(
,
document.getElementById（“根”）
);
导致此错误的原因是什么？我如何修复它？您可能需要仔细检查这些属性是否按React排序。您可以通过阅读 它看起来不像是那些DOM属性
change backgroundcolorcode编辑：相同的文档声明： 在React中，所有DOM属性和属性（包括事件处理程序） 应该是大小写的。例如，HTML 属性tabindex对应于React中的属性tabindex
因此，在JSX中分别尝试
changeBackgroundcolorCodechange backgroundcolorcode编辑：相同的文档声明： 在React中，所有DOM属性和属性（包括事件处理程序） 应该是大小写的。例如，HTML 属性tabindex对应于React中的属性tabindex
因此，在JSX中分别尝试
changeBackgroundcolorCodecomponentDidMountcomponentDidMount