第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問題,去搜搜看,總會(huì)有你想問的

如何使用 ReactJS 在表格標(biāo)簽中編寫 if 條件

如何使用 ReactJS 在表格標(biāo)簽中編寫 if 條件

www說 2023-03-10 13:37:50
如果條件在 ReactJS 中不起作用。我想創(chuàng)建一個(gè) Accordion 并從 Excel 工作表中獲取數(shù)據(jù)。并設(shè)置 ID 的哪個(gè)數(shù)據(jù)顯示哪個(gè)按鈕,我無法創(chuàng)建 if 條件。{items.map((d) => (        <Accordion key={d.ID}           title={            <div>              <tr className="btn-heading">                <td>{d.ID}</td>                <td>{d.Mail}</td>                <td>{d.Name}</td>                <td>{d.PhoneNo}</td>                <td>{d.City}</td>                <td>{d.Date}</td>                <td>{d.Time}</td>              </tr>            </div>          }          content={            <div>              <p className="header">                  <span className="header-content">Shipping Address:</span>                  292 Naqshband Colony. Near rabbania Mosque. Multan              </p>              <Table size="sm">                <thead>                  <tr>                    <th>#</th>                    <th>Article No</th>                    <th>Product Name</th>                    <th>Quantity</th>                    <th>Price</th>                    <th>Total Amount</th>                  </tr>                </thead>                <tbody>                  {products.map((c) =>                  (                    if(c.ID === 1) {   <--- this if condition is not working                            <tr key={c.ID}>                        <td>{c.ArticleNo}</td>                        <td>{c.ProductName}</td>                        <td>{c.Quantity}</td>                        <td>{c.Price}</td>                        <td>{c.TotalAmount}</td>                      </tr>                     }                                                          ))};                </tbody>              </Table>這是我的代碼箱: https://codesandbox.io/s/hungry-bardeen-8m2gh ?file=/src/App.js
查看完整描述

1 回答

?
UYOU

TA貢獻(xiàn)1878條經(jīng)驗(yàn) 獲得超4個(gè)贊

您可以使用三元運(yùn)算符來檢查if-else語句。


修改部分代碼如下,


改變,


{products.map((c) =>

   (

    if(c.ID === 1) {   <--- this if condition is not working      

    <tr key={c.ID}>

     <td>{c.ArticleNo}</td>

     <td>{c.ProductName}</td>

     <td>{c.Quantity}</td>

     <td>{c.Price}</td>

     <td>{c.TotalAmount}</td>

    </tr> 

   }                                        

))};

到:


   {products.map((c) =>

     c.ID === 1 ? (

     <tr key={c.ID}>

      <td>{c.ArticleNo}</td>

      <td>{c.ProductName}</td>

      <td>{c.Quantity}</td>

      <td>{c.Price}</td>

      <td>{c.TotalAmount}</td>

    </tr>

    ) : null

   )}

分叉沙盒:

https://codesandbox.io/s/romantic-shannon-10gme?fontsize=14&hidenavigation=1&theme=dark

查看完整回答
反對(duì) 回復(fù) 2023-03-10
  • 1 回答
  • 0 關(guān)注
  • 197 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)