javascript - ReactJS 上的 .map() 方法

Question

是否可以将另一个 Postgres 数据库表映射到此代码中显示的现有映射？最好是某种数组函数。

 {todos.map(todo => (
                    <tr key={todo.lists_id} key={starting.route_id}>
                        <td></td>
                        <td>{todo.description}</td>

                        <td>
                            <EditTrip todo={todo} />
                        </td>
                        <td><button className="btn btn-danger" onClick={() => deleteTodo(todo.lists_id)}>Delete</button></td>
                    </tr>
                ))}

标签： javascriptreactjs

Answer 1

那是你要找的吗？

const ToDoItem = ({ todo, deleteTodo }) => {
  return (
    <tr>
      <td>{todo.description}</td>
      <td>
        <EditTrip todo={todo} />
      </td>
      <td>
        <button
          className="btn btn-danger"
          onClick={() => deleteTodo(todo.lists_id)}
        >
          Delete
        </button>
      </td>
    </tr>
  );
};
...
const ListItems = () => {
  retrun (
      ...  
        <tbody>
          {todos.map((todo) => (
            <ToDoItem key={todo.lists_id} deleteTodo={deleteTodo} />
          ))}
        </tbody>
      ...
  );
}