对props响应本机原子设计分派

时间:2020-06-30 17:50:31

标签: reactjs react-native redux react-redux atomic-design

我正在使用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

让原子在我的应用的不同部分中工作的更好的方法是什么?

0 个答案:

没有答案