JSX中的映射

Question

是否不可能在函数中的侧面html中映射数据。我得到以下结果：

使用此代码时：

const RenderJobsTable = crawl => {
  return (
    <table className="table table-responsive-sm table-striped">
      <thead>
        <tr>
          <th>Username</th>
          <th>Date registered</th>
          <th>Role</th>
          <th></th>
        </tr>
      </thead>
      <tbody>
        crawl.crawl.jobsList.map(status => (
        <tr>
          <td>Yiorgos Avraamu</td>
          <td>2012/01/01</td>
          <td>Member</td>
          <td style={{ width: 20, cursor: "pointer" }}>
            <Dropdown
              toggle={() => {
                toggleMenu(crawl);
              }}
              isOpen={crawl.toggleDropdown}
            >
              <DropdownToggle tag="div">&bull;&bull;&bull;</DropdownToggle>
              <DropdownMenu>
                <DropdownItem onClick={() => toggleCrawlResultModal("")}>
                  Result
                </DropdownItem>
                <DropdownItem onClick={() => alert("dd")}>
                  Analytics
                </DropdownItem>
                <DropdownItem onClick={toggleAIModal}>Insights</DropdownItem>
                <DropdownItem onClick={toggleDetails}>Details</DropdownItem>
              </DropdownMenu>
            </Dropdown>
          </td>
        </tr>
        <tr>
          <td>Avram Tarasios</td>
          <td>2012/02/01</td>
          <td>Staff</td>
          <td>&bull;&bull;&bull;</td>
        </tr>
        <tr>
          <td>Quintin Ed</td>
          <td>2012/02/01</td>
          <td>Admin</td>
          <td>&bull;&bull;&bull;</td>
        </tr>
        <tr>
          <td>Enéas Kwadwo</td>
          <td>2012/03/01</td>
          <td>Member</td>
          <td>&bull;&bull;&bull;</td>
        </tr>
        <tr>
          <td>Agapetus Tadeáš</td>
          <td>2012/01/21</td>
          <td>Staff</td>
          <td>&bull;&bull;&bull;</td>
        </tr>
        ));
      </tbody>
    </table>
  );
};