React calculated field with state and props

Question

我在 React 中有以下函数，它取决于状态和输入属性（函数

getTotalQuantityRemaining

，

getTotalQuantityPending

）。

我如何使用计算字段而不是回调？

export interface MStatusProps {
    index: number;
    groupMed: GroupMed;
}

const MedicationStatus: React.FC<MStatusProps> = ({
    index,
    groupMed,
}: MStatusProps) => {
    const priceOptionsState = useSelector((state: ApplicationState) => state.mstate.priceOptions);
    const refillsRemaining = (): number | null => {
        if (!priceOptionsState.loading && priceOptionsState.errors.length === 0) {
            const daysSupply = priceOptionsState.data?.[id]?.daysSupply;
            if (daysSupply) {
                //getTotalQuantityRemaining,getTotalQuantityPending functions depend on groupMed
                return (getTotalQuantityRemaining() + getTotalQuantityPending()) / daysSupply;
            }
            return null;
        }
        return null;
    };
}