我正在使用Atomic Design处理react-native和redux。我不明白将调度传递给原子组件的更好方法。例如,我有一个 circleIconButton 原子,该原子想在我的应用程序中重复使用。我首先需要该按钮更改Redux状态的标志:
const CircleIconButton = (props) => {
const { handlePress, type } = props;
return (
<TouchableOpacity
onPress={() => handlePress(type)}
>
<Icon name={type} type="font-awesome-5" />
</TouchableOpacity>
);
};
handlePress函数是对Redux的调度,并根据类型变量(也保存在redux存储中)更改我需要的标志。
效果很好,但是 circleIconButton 在我的应用程序的另一部分中不可重用,因为该 onPress 函数需要参数 type
让原子在我的应用的不同部分中工作的更好的方法是什么?