Mui-dataTables：我可以在componentdidmount内有条件语句吗？

Question

在此方法，我可以在componentdidmount内设置有条件的语句，如果付款方式是通过卡片显示的，它将显示卡的号码？我正在使用uidatable

  componentDidMount() {
    try {
      firestore
        .collection("orders")
        .onSnapshot((snapshot) => {
          const orders = [];
            const data = doc.data();
            orders.push({
              "Order ID": doc.id,
              "Payment method": data.paymentMethod.toUpperCase(),
                {data.paymentMethod == "card" ? (
            
                ): (

             )},
               });
          });
          this.setState({ orders: orders });
        });
    } catch (err) {
      console.log(err);
    }
  }


render() {
    return this.state.orders ? (
      <div>
        <MUIDataTable
          title={"Preparing"}
          columns={this.columns}
          data={this.state.orders}
          options={this.options}
        />
      </div>
    ) : (
      <p>Loading...</p>
    );
  }
}

Answer 1

如果您想拥有可选的对象属性，则可以使用三元操作员在对象内传递条件语句，您需要使用传播操作员实现这一目标。

(a ? b : c)

或使用

orders.push({
  "Order ID": doc.id,
  "Payment method": data.paymentMethod.toUpperCase(),
  ...(data.paymentMethod == "card" ? { "Payment card": 1234 } : {}),
});

：

的简单方法

&&