小编ryu*_*uma的帖子

我们正在使用反应和打字稿。
设计库是 chakra-ui。
我们正在使用 framer-motion 来制作动画。
我想要做什么
，我想创建原始的单选按钮。RadioButton 行为
当用户悬停按钮时？单选按钮变为蓝色（不显示复选图标。）
按下单选按钮时 ? 单选按钮变为蓝色，并显示复选图标（应用在帧运动中实现的动画。）

当前单选按钮行为
当按钮悬停时？颜色不会变成蓝色。
当单选按钮被按下时？由 framer-motion 实现的动画不适用于复选图标。

如果有人可以帮助我，请回答。

import React from 'react';
import { Center, VStack, HStack } from '@chakra-ui/layout';
import { Radio } from 'components/Radio';
import { useRadioGroup } from '@chakra-ui/radio';

export const Index: React.FunctionComponent = () => {
  const options = ['1', '2', '3'];
  const { getRootProps, getRadioProps } = useRadioGroup({
    name: 'framework',
    defaultValue: 'react',
    onChange: console.log,
  });
  const group = getRootProps();
  return (
    <Center paddingX={4}>
        <HStack …