如何在React中使用daggy进行条件渲染

npm install daggy

import daggy from 'daggy';
import React from 'react';

const Condition = daggy.taggedSum('Condition', {
  True: [],
  False: []
});

const MyComponent = ({ condition }) => {
  return condition.cata({
    True: () => <div>条件为真时的内容</div>,
    False: () => <div>条件为假时的内容</div>
  });
};

const App = () => {
  const trueCondition = Condition.True;
  const falseCondition = Condition.False;
  
  return (
    <div>
      <MyComponent condition={trueCondition} />
      <MyComponent condition={falseCondition} />
    </div>
  );
};