Material-UI v3: Как вы используете компонент TouchRipple?

Question

Я пытаюсь заставить компонент TouchRipple пользовательского интерфейса материала работать так, чтобы я мог иногда использовать эффект ряби вне компонента ButtonBase.Документы, однако, ничего не говорят о том, как его использовать.

В старых версиях Material UI кажется, что вы должны просто обернуть его вокруг компонента React, но в v3 он не работает так, как онне берет детей.

Как вы используете компонент TouchRipple в Material UI v3?

Answer 1

Обновление для v4 - 3 июля 2019 года

createRippleHandler больше нет.Тем не менее, ButtonBase - лучший инструмент для того, о чем спрашивается вопрос.

Это не совсем простая в использовании утилита.

Если вы посмотритев ButtonBase вы увидите, что есть множество необходимых вещей , чтобы заставить его работать.

В основном вам нужно вручную обработать события и задать TouchRipple , чтобы начать новую рябь.

Они сделали @material-ui/core/ButtonBase/createRippleHandler (действительно используется в ButtonBase ), чтобы облегчить их жизнь.

Не рекомендуется. Используйте ButtonBase вместо.