Question

当我们使用jQuery开发网站时，我们可以做类似的事情。

$('button').click(function(){
     //Add Google Analytics 
})

但是在反应中，我们使用styled-component制作了不同的组件我不想在每个页面和组件中添加onClick函数。我可以添加类似jQuery点击功能的内容吗？

Answer 1

这是React新手的常见问题。您可以创建一个React组件来实现您的功能，并在整个项目中使用它。这是具有样式化组件的代码示例：

import React from 'react';
import styled from 'styled-components';

const StyledButton = styled.button`
  color: #000;
  background-color: #fff;
`;

const yourFunction = e => console.log(e);

const Button = (props) => <StyledButton {...props} onClick={yourFunction}  />

export default Button;

只要您想使用它：

<Button>Click me!</Button>

任何全局的onClick函数会做出反应吗？

1 个答案: