Reactjs React功能组件中的传递道具

我试图了解道具是如何工作的。目前，我有一个数组，我想发送到另一个组件。但是输入组件将道具值显示为

“未定义”

。下面是我的代码：

import React from 'react;
import ReceiveData from "./ReceiveData";

const Data =() = {
const sendData = ["1A", "2A", "3A", "4A", "1B", "2B", "3B", "1C", "2C", "3C", "4C", "1D", "2D", "3D", "4D", "4B"];
<ReceiveData data ={sendData} />
}
export default Data;

我哪里做错了？对不起，我的问题很琐碎。提前感谢，

const Data=（）=>{
const Data = () => {
  const sendData = ["1A", "2A", "3A", "4A", "1B", "2B", "3B", "1C", "2C", "3C", "4C", "1D", "2D", "3D", "4D", "4B"];
  return <ReceiveData data={sendData} />;
};

const sendData=[“1A”、“2A”、“3A”、“4A”、“1B”、“2B”、“3B”、“1C”、“2C”、“3C”、“4C”、“1D”、“2D”、“3D”、“4D”、“4B”]；
返回；
};

---

您在数据函数组件中遗漏了一些内容。返回语句和fat arrow语法中缺少的箭头。

请尝试删除下面的代码

const Data = () => {
  const sendData = ["1A", "2A", "3A", "4A", "1B", "2B", "3B", "1C", "2C", "3C", "4C", "1D", "2D", "3D", "4D", "4B"];
  return (<ReceiveData data ={sendData} />)
}

const Data=（）=>{
const sendData=[“1A”、“2A”、“3A”、“4A”、“1B”、“2B”、“3B”、“1C”、“2C”、“3C”、“4C”、“1D”、“2D”、“3D”、“4D”、“4B”]；
返回（）
}

函数接收数据（道具）{
日志（“道具输出：”，道具数据）；
归还某物
}

首先，数据组件返回ReceiveData组件。并修改箭头功能

---

其次，在ReceiveData组件中添加一些返回元素。

两个文件中都缺少单引号等语法问题，并且

=>
函数中缺少
Data（）
箭头，而且
return
语句也缺少

我编写更新的代码

import React from 'react';
import ReceiveData from "./ReceiveData";

const Data = () => {
const sendData = ["1A", "2A", "3A", "4A", "1B", "2B", "3B", "1C", "2C", "3C", "4C", "1D", "2D", "3D", "4D", "4B"];
   return <ReceiveData data ={sendData} />
}
export default Data;

从“React”导入React；
从“/ReceiveData”导入ReceiveData；
常量数据=（）=>{
const sendData=[“1A”、“2A”、“3A”、“4A”、“1B”、“2B”、“3B”、“1C”、“2C”、“3C”、“4C”、“1D”、“2D”、“3D”、“4D”、“4B”]；
返回
}
导出默认数据；

第二个文件

import React from 'react';
    function ReceiveData(props){
         console.log("Props Output: ", props.data);

         return <div>html code here</div>
    }
export default ReceiveData;

从“React”导入React；
功能接收数据（道具）{
日志（“道具输出：”，道具数据）；
在这里返回html代码
}
导出默认接收数据；
您错过了return语句：
return
非常感谢！！这解决了问题：）
import React from 'react';
import ReceiveData from "./ReceiveData";

const Data = () => {
const sendData = ["1A", "2A", "3A", "4A", "1B", "2B", "3B", "1C", "2C", "3C", "4C", "1D", "2D", "3D", "4D", "4B"];
   return <ReceiveData data ={sendData} />
}
export default Data;

import React from 'react';
    function ReceiveData(props){
         console.log("Props Output: ", props.data);

         return <div>html code here</div>
    }
export default ReceiveData;