亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

我如何解決此錯誤 <tr> 不能作為 <div> 的子項出現

我如何解決此錯誤 <tr> 不能作為 <div> 的子項出現

智慧大石 2022-06-05 15:47:16
todoList() {return this.state.todos.map(function(element,i){    return <div todo={element} key = {i}>;    <tr>    <td>{element.todo_description}</td>    <td>{element.todo_responsible}</td>    <td>{element.todo_priority}</td>    <td>        <Link to={"/edit/"+element._id}>Edit</Link>    </td></tr></div>})}render(){    return(       <div>           <h2>To Do List</h2>          <table className="table table-striped" style={{ marginTop: 20 }}>              <thead>                  <tr>                      <th>Description</th>                      <th>Responsible</th>                      <th>Priority</th>                      <th>Action</th>                  </tr>              </thead>              <tbody>                  {this.todoList()}              </tbody>          </table>        </div>    )}}export default toDosList;
查看完整描述

2 回答

?
慕娘9325324

TA貢獻1783條經驗 獲得超4個贊

tr 標簽是 table 標簽的子標簽,所以你應該在 div 之后添加一個 table 標簽,如下所示:


<div todo={element} key = {i}>;

<table>

<tr>

<td>{element.todo_description}</td>

<td>{element.todo_responsible}</td>

<td>{element.todo_priority}</td>

<td>

    <Link to={"/edit/"+element._id}>Edit</Link>

</td>

</tr>

</table>

</div>


查看完整回答
反對 回復 2022-06-05
?
忽然笑

TA貢獻1806條經驗 獲得超5個贊

像這樣包裝你:


<table>

  <tbody>

    <tr>

      <td>{element.todo_description}</td>

      <td>{element.todo_responsible}</td>

      <td>{element.todo_priority}</td>

      <td>

        <Link to={`/edit/${element._id}`}>Edit</Link>

      </td>

    </tr>

  </tbody>

</table>


查看完整回答
反對 回復 2022-06-05
  • 2 回答
  • 0 關注
  • 341 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號