自己出錯
它在 VScode 中的外觀
那是 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 組件從 'react' 匯入 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;
感謝您的任何幫助，評論家我真的很感謝您的反饋
uj5u.com熱心網友回復：
您必須將map函式放在<React.Fragment>標記中（相當于：）<>。此外，引數應該是被破壞的物件。
export default function Toollsit({toto, title}){
return(<>
{toto.map((toto)=>{return (<Toolitem toto={toto} />)})}
</>);
};
轉載請註明出處，本文鏈接：https://www.uj5u.com/gongcheng/353341.html
標籤：javascript 反应 字典 语法错误 意外的标记
上一篇：在React中使用immutability-helper，一次更新多個值
下一篇：使用自定義鉤子時重新渲染太多