小编Don*_*rry的帖子

我正在努力了解道具以及它们是如何工作的。到目前为止，这是我的布局。

我创建了一个名为“TodoData.js”的页面，其中包含我所有的 Todos

    const todoss = [
        {
            id: 1,
            text: "First Todo"
        },
        {
            id: 2,
            text: "Second Todo"
        },
        {
            id: 3,
            text: "Third Todo"
        },
        {
            id: 4,
            text: "Fourth Todo"
        }
    ]

    export default todoss;

然后我有我的主页“Todolist.js”，我在顶部导入了“从'./TodoData'导入TodoData”的数据，但我无法弄清楚如何获取该数据并将其映射到页面，我该怎么做？

我正在尝试学习 React，所以请耐心等待！

我正在学习一个教程来帮助我理解 react 以及如何传递组件。

我试图将道具向下传递 2 个级别，但是当我在第三个元素上呈现代码时，页面上没有任何内容。在 chrome 上使用 React Dev 工具，似乎道具加载在 Tweets.js 组件上，而不是 Tweet.js 组件上。

谁能告诉我怎么了？顺序是 App.js > Tweets.js > Tweet.js

对于参考，我正在学习以下教程，大约 15 分钟。 反应状态和道具 | 为初学者学习 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; …