时间戳

首页 > 解决方案 > 反应输入类型图像 onclick 属性也未呈现不可点击

reactjs - 反应输入类型图像 onclick 属性也未呈现不可点击

问题描述

希望大家都做得很好。抱歉，这是重复的或看起来很愚蠢。我有一个功能样式的组件来呈现一个名为LinkedInInput.jsx.

const LinkedInInput = styled.input`
  left: 20%;
  position: absolute;
  top: 7%;
  height: 6%;
  font-size: 2.4vw;

  background:url(${(props) => props.src});
  @media (orientation: portrait) {
    top: 10%;
    left: 19%;
    height: 6%;
    position: absolute;
  }
`;

该组件从以下内容中呈现index.jsx：

```<LinkedInInput src={linkedInURL} type="image" onclick={linkedInLink}></LinkedInInput```

当这个组件在网页上呈现时，我看不到输入类型的 onclick 属性，也不能点击。你能告诉我如何确保这个组件是可点击的并打开链接吗？ 在此处输入图像描述

标签： reactjs

解决方案

尝试将 onclick 更改为 onClick。

参考这个。

https://reactjs.org/docs/handling-events.html

https://www.smashingmagazine.com/2020/07/styled-components-react/

推荐阅读