Reactjs 在映射函数中使用三值

我试图让我的切换按钮工作，但我得到了一个错误预期分配或函数调用，而不是看到一个表达式开始调用isToggled函数。不知道为什么这不起作用

    {regressionTestsData.map(test =>
      {isToggled ?   <div key={test.id} className='Table RegressionTestsGrid' style={{cursor: 'pointer'}} onClick={() => onRegressionTestClick(test.id)}>
      <div>{test.id}</div>
      <div>
        {`${typeof(test.request_by) === 'string' ? test.request_by : test.request_by.full_name} (${formatUTCDateToCurrentDateWithoutSeconds(test.request_timestamp)})`}
      </div>
      <Tooltip title={test.project_name}>
        <div className='HideExtraText' style={{margin: '0'}}>{test.project_name}</div>      
      </Tooltip>
      <Tooltip title={test.database}>
        <div>{getPartialDatabase(test.database)}</div>
      </Tooltip>
      <div>{test.regression_test_summary.unit_test_passes}</div>
         <div>{test.regression_test_summary.unit_test_fails}</div>
         <div>{test.regression_test_summary.unit_test_passes}</div>
         <div>{test.regression_test_summary.unit_test_fails}</div>
         <div>{test.regression_test_summary.unit_test_errors}</div>
         <div>{test.regression_test_summary.unit_test_not_applicable}</div>
         <div>{test.regression_test_summary.unit_test_count}</div>
         <div>{getIcon(test.regression_test_summary)}</div>
      </div>
      
      :
      <div>
      <div>{test.regression_test_summary.unit_test_passes}</div>
      <div>{test.regression_test_summary.unit_test_fails}</div>
   </div>

      }

{regressionTestsData.map（test=>
{isToggled？onRegressionTestClick（test.id）}>
{test.id}
{`${typeof（test.request\u by）=='string'？test.request\u by:test.request\u by.full\u name}（${formatutcdatetocurrentdate withoutseconds（test.request\u timestamp）}
{test.project_name}
{getPartialDatabase（test.database）}
{测试。回归测试\总结。单元测试\通过}
{test.returnal\u test\u summary.unit\u test\u failes}
{测试。回归测试\总结。单元测试\通过}
{test.returnal\u test\u summary.unit\u test\u failes}
{test.returnal\u test\u summary.unit\u test\u errors}
{测试。回归测试总结。单元测试不适用}
{test.returnal\u test\u summary.unit\u test\u count}
{getIcon（test.regression\u test\u summary）}
:
{测试。回归测试\总结。单元测试\通过}
{test.returnal\u test\u summary.unit\u test\u failes}
}

{regressionTestsData.map（test=>
//在这里加上退货
{return isToggled？onRegressionTestClick（test.id）}>
{test.id}
{`${typeof（test.request\u by）=='string'？test.request\u by:test.request\u by.full\u name}（${formatutcdatetocurrentdate withoutseconds（test.request\u timestamp）}
{test.project_name}
{getPartialDatabase（test.database）}
{测试。回归测试\总结。单元测试\通过}
{test.returnal\u test\u summary.unit\u test\u failes}
{测试。回归测试\总结。单元测试\通过}
{test.returnal\u test\u summary.unit\u test\u failes}
{test.returnal\u test\u summary.unit\u test\u errors}
{测试。回归测试总结。单元测试不适用}
{test.returnal\u test\u summary.unit\u test\u count}
{getIcon（test.regression\u test\u summary）}
:
{测试。回归测试\总结。单元测试\通过}
{test.returnal\u test\u summary.unit\u test\u failes}
}

尝试在

isToggled

之前添加

return

关键字删除大括号将起到必要的作用。

在

isToggled

之前添加

return

关键字或删除用于包装三元语句的

{}

您不会从map（）内部代码返回任何内容。

    {regressionTestsData.map(test =>
//add return here
  {return isToggled ?   <div key={test.id} className='Table RegressionTestsGrid' style={{cursor: 'pointer'}} onClick={() => onRegressionTestClick(test.id)}>
  <div>{test.id}</div>
  <div>
    {`${typeof(test.request_by) === 'string' ? test.request_by : test.request_by.full_name} (${formatUTCDateToCurrentDateWithoutSeconds(test.request_timestamp)})`}
  </div>
  <Tooltip title={test.project_name}>
    <div className='HideExtraText' style={{margin: '0'}}>{test.project_name}</div>      
  </Tooltip>
  <Tooltip title={test.database}>
    <div>{getPartialDatabase(test.database)}</div>
  </Tooltip>
  <div>{test.regression_test_summary.unit_test_passes}</div>
     <div>{test.regression_test_summary.unit_test_fails}</div>
     <div>{test.regression_test_summary.unit_test_passes}</div>
     <div>{test.regression_test_summary.unit_test_fails}</div>
     <div>{test.regression_test_summary.unit_test_errors}</div>
     <div>{test.regression_test_summary.unit_test_not_applicable}</div>
     <div>{test.regression_test_summary.unit_test_count}</div>
     <div>{getIcon(test.regression_test_summary)}</div>
  </div>
  
  :
  <div>
  <div>{test.regression_test_summary.unit_test_passes}</div>
  <div>{test.regression_test_summary.unit_test_fails}</div>
 </div>

    }