Любая глобальная функция onClick реагирует?

Question

Когда мы разрабатываем сайт в jQuery, мы можем сделать что-то вроде этого.

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

Но в ответ мы создаем различные компоненты с styled-component Я не хочу добавлять функцию onClick вкаждая страница и компоненты.Могу ли я добавить что-то вроде функции щелчка jQuery?

Answer 1

Это общий вопрос для людей, которые плохо знакомы с React.Вы можете создать компонент React, который реализует вашу функцию и использовать ее во всем проекте.Это пример кода с styleled-компонентами:

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>