当前位置: 首页 > 知识库问答 >
问题:

如果给定onClick prop,则设置onClick

黄伟
2023-03-14

我有一个组件可能会或可能不会收到onClick属性。我想附加这个非必需的道具作为点击处理程序。

const MyComponent = (props) => {
    let {onClick} = props;

    return (
        <div onClick={onClick}></div>
    );
}

如果我不知道是否会给处理程序,那么最安全的方法是什么?

共有1个答案

唐珂
2023-03-14

使用点差和三元运算符:

const MyComponent = ({ onClick, ...rest }) => {
  const props = onClick ? { onClick } : {}

  return <div { ...props } />
}
 类似资料:
  • 我已经开始使用Jmeter来运行日常性能测试,并且刚刚弄清楚了如何生成HTML仪表板。 我现在需要做的是找到一种方法来每天运行Jeter,生成一个结果的HMTL仪表板,但是要比较过去几天的结果。这意味着添加到现有文件的数据中,而不是每天创建一个新的超文本标记语言仪表板。 任何人都可以帮我吗?

  • 问题内容: 我有一个使用该任务复制各种xml文件的蚂蚁。它使用过滤合并文件中的属性。每个环境(开发,阶段,生产)都有一个不同的存储环境配置。 有时,我们向Spring XML或其他需要更新文件的配置文件添加新属性。 如果缺少属性,我希望蚂蚁快速失败。也就是说,如果有任何原始令牌将其放入生成的文件中,则我希望该构建终止,以便用户知道他们需要向其本地build.properties添加一个或多个属性。

  • 我正在尝试使用@RequestParam,如果给定了该值,它应该从数据库中通过该参数找到的所有项目中进行过滤,如果没有,它应该什么都不做。我还想问一下函数式编程在这里是否有用。 这是我的汽车课: 这是控制器,我在其中设置了要询问的参数: 这是汽车服务,我想做的是: 我可以在控制器中设置,但这是有问题的,因为我不知道“模型”字段的默认值是什么,因为每辆车都有不同的模型,我仍然必须按默认值过滤项目,这

  • 问题内容: 我有以下数组,我需要递归遍历并删除所有具有键“ fields”的子数组。我已经尝试过数组过滤器,但是我很难让它工作。 这就是我需要的结果看起来像这样: 问题答案: 如果要递归操作,则需要将该数组作为参考传递,否则,您会进行许多不必要的复制:

  • 假设,我有一个由个元素组成的numpy数组,例如: 现在,我想有效地将所有大于

  • 我遇到了一个遗留项目的情况,如果使用1.8或1.9以外的JDK运行时调用Maven,我需要一个项目失败。原因是当前项目具有曾经是JDK一部分的依赖项,但不再从JDK 11开始。 这不同于为maven-plugin编译器指定源和目标版本(当前设置为8。) 构建已经失败了,抱怨无法解决的依赖关系,但我希望它失败时会显示一条消息:“您需要使用JDK 8/9运行时”(清晰始终是王道) 这只是一个权宜之计,