Javascript 函数参数分解

有没有一种方法可以在函数参数中分解数据

const AgendaItem = ({ item }) => {
  const { venue, organiser, startTime, endTime, description } = item;
  return (
    <View>
      <Text>Location: {venue}</Text>
      <Text>Consultant: {organiser}</Text>
      <Text>Time: {`${startTime} - ${endTime}`}</Text>
      <Text>Description: {description || "None"}</Text>
      <Text>Description: {description || "None"}</Text>
    </View>
  );
};

export default AgendaItem;

当我

返回它们时，我得到
未定义的

有什么想法吗？
试试这个
const AgendaItem=（{item:{vention，organizer/*..etc*/}}）=>{
据我所知，项目是一个对象，有自己的属性

您可以这样做：

const AgendaItem = ({ item: { venue, organiser, startTime, endTime, description } }) => {
  return (
    <View>
      <Text>Location: {venue}</Text>
      <Text>Consultant: {organiser}</Text>
      <Text>Time: {`${startTime} - ${endTime}`}</Text>
      <Text>Description: {description || "None"}</Text>
      <Text>Description: {description || "None"}</Text>
    </View>
  );
};

export default AgendaItem;

const AgendaItem=（{项目：{地点、组织者、开始时间、结束时间、描述}}）=>{
返回(
地点：{地点}
顾问：{组织者}
时间：{${startTime}-${endTime}}
描述：{描述| |“无”}
描述：{描述| |“无”}
);
};
导出默认代理项；
const-AgendaItem=（{item}）=>{。。。

与

const AgendaItem=（arg）=>{const item=arg.item。。。


因此，如果您执行
const-AgendaItem=（{地点、组织者等}）=>{
并且仍在传递具有
项
属性的对象，那么
场所
、
组织者
、以及
等
将正确地被
未定义
，因为引擎将在参数对象中查找这些属性，而没有找到它们

const AgendaItem = ({ item: { venue, organiser, startTime, endTime, description } }) => {
  return (
    <View>
      <Text>Location: {venue}</Text>
      <Text>Consultant: {organiser}</Text>
      <Text>Time: {`${startTime} - ${endTime}`}</Text>
      <Text>Description: {description || "None"}</Text>
      <Text>Description: {description || "None"}</Text>
    </View>
  );
};

export default AgendaItem;