似乎我的JSX代码生成单元(HTML td元素)有一些问题

Question

我最近在做反应表实验时遇到了一个问题，那就是我用数组映射方法提取准备好的数据，生成td html元素。但是数据成功取出后我无法生成它。这是怎么回事？

如以下代码所示：

{this.state.isSearch && Object.entries(this.state.fake).map(innerArray => {
                        console.log(this.state.searchTarget);
                        if (
                          innerArray[1][0]
                            .toUpperCase()
                            .indexOf(this.state.searchTarget.toUpperCase()) != -1
                        ) {
                          console.log("got it!");
                          <tr>
                            {innerArray[1].map(value => {
                              <td>{value}</td>;
                              console.log(value);
                            })}
                          </tr>;
                        }
})}

运行所需的数据如下：

state = {
    fake: {
      ALARM: ["a", 2, 3, 4, 5],
      WARNING: ["b", 11, 22, 33, 44, 55],
      PISTON: ["c", 222, 333, 444, 555],
      ROLLER: ["d", 2222, 3333, 4444, 5555],
      POWDER: ["e", 22222, 33333, 44444, 55555],
      CHAMBER: ["f", 222222, 333333, 444444, 555555]
    },
    isSearch: true,
    searchTarget: "a"
}

谷歌开发工具运行结果：

a
got it!
a
2
3
4
5
...

已成功读取数据，但未执行生成 HTML td 元素的表达式。

Answer 1

你没有返回任何东西。尝试添加返回语句