Javascript 未知的prop-react

当我尝试并运行以下代码时，当前正在学习react：

var userData={
姓名：'Evans D'，
职业:"物流规划师",，
地点：“英国伯明翰”，
img:'https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTAlfOT5088Z6Bj8_qSsvp3UTlU3ub9H5wG1k6qJareFXS7uqDvsQ'
};
类userInfo扩展了React.Component{
render（）{
返回(
名称：{this.props.user.Name}
职业：{this.props.user.occulation}
位置：{this.props.user.Location}
// 
)
}
}
ReactDOM.render(
,
document.getElementById（'userInfo'）
);

Github战役
我觉得用户道具不错。然而，我注意到在您的代码片段中有三件事情不合适

您必须在代码片段中使用babeljs/es2015选项来编写JSX
您需要包含react库才能使用它
确保组件名称大写
请参阅下面的工作代码


var userData={
姓名：'Evans D'，
职业:"物流规划师",，
地点：“英国伯明翰”，
img:'https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTAlfOT5088Z6Bj8_qSsvp3UTlU3ub9H5wG1k6qJareFXS7uqDvsQ'
};
类UserInfo扩展了React.Component{
render（）{
返回(
名称：{this.props.user.Name}
职业：{this.props.user.occulation}
位置：{this.props.user.Location}
// 
)
}
}
ReactDOM.render(
,
document.getElementById（'userInfo'）
);

Github战役
我觉得用户道具不错。然而，我注意到在您的代码片段中有三件事情不合适

您必须在代码片段中使用babeljs/es2015选项来编写JSX
您需要包含react库才能使用它
确保组件名称大写
请参阅下面的工作代码


var userData={
姓名：'Evans D'，
职业:"物流规划师",，
地点：“英国伯明翰”，
img:'https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTAlfOT5088Z6Bj8_qSsvp3UTlU3ub9H5wG1k6qJareFXS7uqDvsQ'
};
类UserInfo扩展了React.Component{
render（）{
返回(
名称：{this.props.user.Name}
职业：{this.props.user.occulation}
位置：{this.props.user.Location}
// 
)
}
}
ReactDOM.render(
,
document.getElementById（'userInfo'）
);

Github战役
您的组件名称应使用PascalCase。
当react试图呈现
时，它会认为您在本地DOM节点
userInfo
上使用了非标准的DOM属性
user
（毫无疑问不是），因此抛出警告。
您的组件名称应该是PascalCase。
当react试图呈现
时，它会认为您在本地DOM节点
userInfo
上使用了非标准的DOM属性
user
（毫无疑问不是），因此抛出警告。
错误还是警告？有没有可能添加完整的消息？我想您可以为组件定义proptype。更让我不安的是，您使用了camelCased类名，尽管它应该是在PascalCaseWarning:Unknown prop
user
on标记中。从元素中删除这个道具。那么，确实是一个警告，而不是一个错误提醒我这个问题错误或警告？有没有可能添加完整的消息？我想您可以为组件定义proptype。更让我不安的是，您使用了camelCased类名，尽管它应该是在PascalCaseWarning:Unknown prop
user
on标记中。从元素中移除这个道具。所以，确实是一个警告，而不是一个错误提醒了我这个问题。谢谢这个。。。非常感谢。谢谢你。。。非常感谢。