如何在 reactjs 和 Javascript 中有条件地发送请求负载中的参数

Question

我有以下请求正文，

const requestbody = {
    "applicationname":"app1",
    "applicationtype":"permenant",
    "startDate":"24 march",
    "endDate":"30 march",
    "refreshtime":""    
}

只有当它的值为非空时，我才需要将“startDate”和“endDate”发送到后端

const requestbody = {
    "applicationname":"app1",
    "applicationtype":"permenant",
    "startDate":"24 march",
    "endDate":"30 march",
    "refreshtime":"",
    
}

否则请求正文应该是

const requestbodywithoutdate = {
    "applicationname":"app1",
    "applicationtype":"permenant",
    "refreshtime":30
    
}

Answer 1

最简单的方法是做类似的事情：

const requestbody = {
    "applicationname":"app1",
    "applicationtype":"permenant",
    ...(startDate ? { startDate } : {}),
    ...(endDate   ? { endDate   } : {}),
    "endDate":"30 march",
    "refreshtime":"",
}

假设startDate是一个包含24 march的字符串，而endDate是一个包含30 march的字符串。

我在这里使用了一个字符串作为 boolean，但是由你来替换startDate? 通过values.startDate? 或导致 boolean 的其他情况。

Answer 2

您可以使用 lodash 来排除它。

const requestBody = _.omitBy(myObject, _.isNil)