使用 Chakra Ui 提供的常量或枚举来代替魔术字符串作为参数传递。
例如,当使用 Chakra Ui 的 Box 组件时,如果需要设置背景颜色,应该使用 Box 组件提供的颜色常量:
import { Box } from "@chakra-ui/react";
This is a red box
而不是使用字符串 "red.200":
import { Box } from "@chakra-ui/react";
This is a red box
使用常量或枚举可以提高代码的可读性和可维护性,并避免由于拼写错误和不正确的格式而导致的 bug。