Reactjs Can'；t在NEXT.JS中存储.map的返回值

我想将映射的返回值存储到一个变量中，但我得到了预期的错误，或者const是保留值。我可以在react.js上这样做，但我在next.js中遇到了这个问题

<div className='w-3/5 flex flex-wrap justify-between mx-auto pt-24'>
          {props.map((prop) => (
            let rating = `${prop.review_scores.review_scores_accuracy}`;
            
            <div
              key={prop._id}
              class='max-w-sm overflow-hidden shadow-xl flex-shrink'
            >
              <img
                class='w-full'
                src={prop.images.picture_url}
                alt='Mountain'
              />
              <div class='px-6 py-4'>
                <h2 class='text-md font-bold  mb-1'>{prop.name}</h2>
                <p class='text-gray-700 text-base truncate'>
                  {prop.description}
                </p>
                <div>
                  {[
                    ...Array(fullName),
                  ].map((star, index) => {
                    return (
                      <FontAwesomeIcon
                        key={index}
                        icon={faStar}
                        className='w-4 h-4 fill-current text-indigo-900'
                      />
                    );
                  })}
                </div>
              </div>
            </div>
          ))}
        </div>

{props.map（（prop）=>(
让评分=“${prop.review_scores.review_scores_accurrency}”；
{prop.name}

{prop.description}

{[
…数组（全名），
].map（（星号，索引）=>{
返回(
);
})}
))}

替换这部分代码：

{props.map((prop) => (
  let rating = `${prop.review_scores.review_scores_accuracy}`;
            
  <div
    key={prop._id}
    class='max-w-sm overflow-hidden shadow-xl flex-shrink'
  >

{props.map（（prop）=>(
让评分=“${prop.review_scores.review_scores_accurrency}”；

与：

{props.map（（prop）=>{
让评分=“${prop.review_scores.review_scores_accurrency}”；
返回(
[剩余的代码]
)}

{props.map((prop) => {
  let rating = `${prop.review_scores.review_scores_accuracy}`;

  return (
    <div
      key={prop._id}
      class='max-w-sm overflow-hidden shadow-xl flex-shrink'
    >

  [REST_OF_CODE]
)}