can't resolve this error: Javascript error ',' expected

Question

我在这个 array.map() 上有一个错误，我不知道是什么问题

const Websiteviewer = ({ web, content, styles, design }) => {



const test = ['1' , '2']
  return (
      {test.map(item => {
        console.log(item);
      } )}
  ) 
}

export default Websiteviewer

这是反应组件，我有以下错误 ->

[{ "resource": "/c:/path/WebsiteViewer.js", "owner": "typescript", "code": "1005", "severity": 8, "message": "',' expected.", "source": "ts", "startLineNumber": 18, "startColumn": 12, "endLineNumber": 18, "endColumn": 13 }]

image of the error

如果你知道如何解决这个问题。谢谢

Answer 1

在 JSX 语法中记录值不是一个好习惯。但是你可以像这样防止你的语法错误

const Websiteviewer = ({ web, content, styles, design }) => {
  const test = ["1", "2"];
  return (
    <>
      {test.map((item) => {
        console.log(item);
      })}
    </>
  );
};

export default Websiteviewer

Answer 2

Return 您的项目在片段或 div 中，因为您只能 return JSX 中的 JSX files.Logging JSX return 中的值是虽然方法不好。

const Websiteviewer = ({ web, content, styles, design }) => {
  const test = ["1", "2"];
  return (
    <>
      {test.map((item) => {
        console.log(item);
      })}
    </>
  );
};

export default Websiteviewer

can't resolve this error: Javascript error ',' expected

can't resolve this error: Javascript error ',' expected

javascript

jsx

next.js