I have an error on this array.map() and i can't figure what is the problem
const Websiteviewer = ({ web, content, styles, design }) => {
const test = ['1' , '2']
return (
{test.map(item => {
console.log(item);
} )}
)
}
export default Websiteviewer
this is the react component and i have this following error ->
[{ "resource": "/c:/path/WebsiteViewer.js", "owner": "typescript", "code": "1005", "severity": 8, "message": "',' expected.", "source": "ts", "startLineNumber": 18, "startColumn": 12, "endLineNumber": 18, "endColumn": 13 }]
if you have any idea how to solve this. thanks
It is not a good practice to log value inside JSX syntax. But you can prevent from your syntax error like this
const Websiteviewer = ({ web, content, styles, design }) => {
const test = ["1", "2"];
return (
<>
{test.map((item) => {
console.log(item);
})}
</>
);
};
export default Websiteviewer
Return your item inside a fragment or a div since you can only return JSX in JSX files.Logging value inside return of JSX is a bad approach though.
const Websiteviewer = ({ web, content, styles, design }) => {
const test = ["1", "2"];
return (
<>
{test.map((item) => {
console.log(item);
})}
</>
);
};
export default Websiteviewer