を反応させる:タグの不明プロパは、現在、私がしようとすると、反応して、次のコードを実行して学習
「不明な小道具user
:
var userData = {
\t name: 'Evans D',
\t occupation: ' Logistics Planner',
\t location: 'Birmingham, UK',
\t img: 'https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTAlfOT5088Z6Bj8_qSsvp3UTlU3ub9H5wG1k6qJareFXS7uqDvsQ'
};
class userInfo extends React.Component {
render() {
return (
<div>
\t <h1>Name: {this.props.user.name} </h1>
\t <h2>Occupation: {this.props.user.occupation} </h2>
\t <h3>Location: {this.props.user.location} </h3>
\t // <img src={this.props.user.img} />
</div>
)
}
}
ReactDOM.render(
<userInfo user={userData}/>,
document.getElementById('userInfo')
);
<!DOCTYPE html>
<html>
<head>
\t <title>Github Battle</title>
</head>
<body>
<div id='userInfo'></div>
</body>
</html>
コンソールには、次のエラーがスローされます。この小道具を要素から取り外します。 '
私が間違っていることに関するアイデアはありますか?
エラーまたは警告?あなたは完全なメッセージを追加できますか?あなたのコンポーネントのpropTypeを定義できると思います。私にとってもっと邪魔なのは、キャメルケースのクラス名を使用していますが、パスカルケースに入れてください。 – Icepickle
警告:タグに「user」というプロンプトがあります。この小道具を要素から取り外します。 –
Evans
本当に警告で、エラーではありません – Icepickle