首页 > 解决方案 > 有没有办法检查道具功能并将其传递到下一个级别

问题描述

嗨,我正在尝试将一个函数传递给容器树。假设我在 A 中定义了一个函数,将其传递给 B,然后从 B 将其传递给 C。现在我想检查 B 是否传递该函数,如果是,我将其传递下去。有什么办法吗?

这是B函数:

function CategoriesTable({ data, deleteContent }) {
  return (
    <>
      <Table responsive>
        <thead>
          <tr>
            <th>Category Name</th>
            <th className='text-center'>Count</th>
            <th className='actions'></th>
          </tr>
        </thead>
        <tbody>
          {data.map((category) => (
            <CategoriesTableRow
              category={category}
              deleteContent={(id) => deleteContent(id)}
            />
          ))}
        </tbody>
      </Table>
    </>
  );
}

现在我想验证我是否获得了删除功能?我该怎么做?

标签: reactjs

解决方案


您可以在调用函数之前检查它

deleteContent={(id) => deleteContent && deleteContent(id)}

或设置默认参数

function CategoriesTable({ data, deleteContent = () => null })

推荐阅读