javascript - SyntaxError:意外的令牌,预期的“,”
问题描述
这就是 Toollsit 组件
import React, { Component } from 'react';
import Toolitem from './Toolitem'
import App from '../App';
const styles = {
ul:{
listStyle:"none",
width:"300px"
}
}
export default function Toollsit(toto,title){
return(
{toto.map((toto)=>{return (<Toolitem toto={toto} />)})}
);
};
这就是 Toolitem 组件 import React from 'react';
const Toolitem = ({toto}) => {
return (
<div>
<li>
{toto.title}
</li>
</div>
);
};
export default Toolitem;
这就是我的 App.js
import react from 'react';
import Toollsit from './components/Toollsit'
function App(props) {
const toto =[
{id:1,title:'First',completed:true},
{id:2,title:'Second',completed:false},
{id:3,title:'Third',completed:true},
];
return (
<span className="wrapper">
<Toollsit toto={toto} />
</span>
);
}
export default App;
感谢您的帮助,评论家我非常感谢您的反馈
解决方案
您必须将map
函数放在<React.Fragment>
标记中(等效:<>
)。此外,参数应该是被破坏的对象。
export default function Toollsit({toto, title}){
return(<>
{toto.map((toto)=>{return (<Toolitem toto={toto} />)})}
</>);
};
推荐阅读
- spring - 带有 Spring 数据的 TinkerPop Gremlin
- php - 在 API Postman 的 codeigniter 中使用 db id 验证上传多张图片
- android - 如何将样式/主题(材料)应用于 androidX 中的首选项?
- azure-devops - 从工件目录运行 exe 应用程序在命令行任务中遇到错误
- swift - 根据数组中的第三个索引创建 userDecision
- python - 来自两个不同文件的字符串到烧瓶 restful API
- json - 使用 pyspark 将 Outlook 电子邮件转换为 json 文件格式
- excel - 截取网页截图并保存为jpg
- r - ylim 约束数据,但不约束绘图输出中的轴 (WindR)
- java - 当标签内可用时,无法使用文本定位元素