html 布局中的错误“，”expected.ts(1005)

Question

这是我第一次尝试为我的 ReactJS 项目构建一个真正的布局，但是我运行遇到了这个错误 (Error ',' expected.ts(1005)) 并且无法甩掉它。这是我打算构建的布局的 html：

    <div>
      {selectedInput === null ? (
        <div>
          <div>
            some html
          </div>
          <div>
            {
              array.slice(3, 100).map((doc, index) =>
                <div>
                   some html
                </div>
             } <== here the error
           </div>
        </div>
        ) : (
          <div>
            some html
          </div>
        )
       }
     </div>

我遇到最后一个大括号的错误

编辑：我向所有回复的人道歉，但我想合成代码，但我做得很糟糕。现在我输入了正确的版本。

Answer 1

您忘记添加右大括号，“}”。

这应该有效

<div>
  {selectedInput === null ? (
    <div>
      <div>
        some html
      </div>
      <div>
        {
          getOrder.slice(3, 100).map((doc, index) =>
            <div>
              some html
            </div>
        }  <== here the error
      </div>
    </div>
    }
</div>

Answer 2

错误太多。

感觉你不明白它是如何工作的。

此代码应该可以工作，但您需要彻底理解它。

<div>
  {selectedInput === null ? (
    <div>
      <div>some html</div>
      <div>
        {getOrder.slice(3, 100).map((item, i) => {
          return <div key={i}>some html</div>;
        })}
      </div>
    </div>
  ) : (
    <div>Another content</div>
  )}
</div>;

Answer 3

您错过了 map 的右括号 )。

尝试添加括号。

更新代码：

   <div>
      {selectedInput === null ? (
         <div>
            <div>some html</div>
            <div>
               {array.slice(3, 100).map((doc, index) => (
                  <div>some html</div>
               ))}
            </div>
         </div>
      ) : (
         <div>some html</div>
      )}
   </div>

html 布局中的错误“，”expected.ts(1005)

Error ',' expected.ts(1005) in html layout

html

layout

reactjs