[英]React Props not passing down to children components?
我正在努力学习 React,所以请多多包涵!
我正在学习一个教程来帮助我理解反应以及如何传递组件。
我试图将道具向下传递 2 个级别,但是当我在第三个元素上渲染代码时,页面上什么也没有出现。 在 chrome 上使用 React Dev 工具,似乎道具正在加载到 Tweets.js 组件而不是 Tweet.js 组件上。
谁能告诉我怎么了? 顺序是 App.js > Tweets.js > Tweet.js
对于参考,我正在关注以下教程,大约是 15 分钟。 反应 State 和道具 | 为初学者学习 React 第 4 部分
应用程序.js
import './App.css';
import Tweets from './components/Tweets';
import React from 'react';
function App() {
const name=["Name1", "Name2", "Name3"];
const age=["21", "22", "24"]; /* Data is created here */
return (
<div className="App">
<Tweets me={name} age={age} />{/*Data is added to component*/ }
</div>
);
}
export default App;
推文.js
import Tweet from './Tweet';
const Tweets = (props) => (
<section>
<Tweet />
</section>
);
export default Tweets;
推文.js
const Tweet = (props) => (
<div>
<h1>{props.me}</h1>
<h1>{props.age}</h1>
</div>
);
export default Tweet;
您需要通过Tweets
组件传输道具:
const Tweets = (props) => (
<section>
<Tweet {...props} />
</section>
);
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.