reactjs - 有没有办法检查道具功能并将其传递到下一个级别
问题描述
嗨,我正在尝试将一个函数传递给容器树。假设我在 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>
</>
);
}
现在我想验证我是否获得了删除功能?我该怎么做?
解决方案
您可以在调用函数之前检查它
deleteContent={(id) => deleteContent && deleteContent(id)}
或设置默认参数
function CategoriesTable({ data, deleteContent = () => null })
推荐阅读
- ruby-on-rails - 巨大的处理时间差异取决于轻微的查询参数差异
- java - 你可以收集(加入())而不映射到字符串吗?
- ios - 在应用程序中添加评分和评论功能
- php - Codeigniter3 在服务器部署后给出 404(不读取应用程序文件夹)
- javascript - FabricJS:大画布导致对象在下部画布上呈现,但浏览器屏幕上没有对象出现
- regex - Apache .htaccess 重写规则两个条件?
- angular - 阅读 Angular 4 应用程序 oninit 方法上的 httpRequest
- c# - EF Core 一对多包括
- javascript - 如何设置/删除使用 angularjs 在浏览器中打开的 locastorage 特定 url(路由)?
- deep-learning - 分离 Pytorch 中关于部分损失的中间模块