TransactionInfo.jsx

const TransactionInfo = (transaction) => {
  const getTransactionInfo = () => {
    if (transaction.status === 'SUCCESS') {
      return {
        statusString: '成功',
        isNonRefundable: false,
      };
    }
    return {
      statusString: '失敗',
      isNonRefundable: true,
    };
  };
  return (
    <div>
      <label>交易狀態：</label>
      <span>{ getTransactionInfo().statusString }</span>
      <button disabled={getTransactionInfo().isNonRefundable}>
        退款
      </button>
    </div>
  );
};