反应中有任何全局 onClick 函数吗？

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 函数吗？

Any global onClick function in react?

javascript

reactjs

styled-components