在POST请求中,处于状态的React/Rails字段未发送到后端

所以我在州里有一块地 bullet_points: [] 这是一个元素数组。

我的组件中有一个函数,用于从该数组中添加/删除元素。要保存更改,单击提交将发送 product: this.state 作为发送到后端的POST请求中的参数。

后端仅接收 bullet_points 如果数组不为空。如果我清除所有元素的字段,它将永远不会发送到后端。

这是什么原因造成的?下面是相关的代码片段。

1) 添加/删除元素的功能(注意箭头,这是删除元素的地方)

  updateList(evt) {
    evt.preventDefault();

    let elements = this.state[evt.target.dataset.type];
    let idx = parseInt(evt.target.dataset.index);
    let new_element = evt.target.dataset.type == "durations" ? 30 : "";

    if (isNaN(idx)) {
      elements.push(new_element);
    } else {
      if (evt.target.dataset.delete) {      <----------
        elements.splice(idx, 1);
      }
      else {
        elements[idx] = evt.target.value;
      }
    }
    this.setState({ [evt.target.dataset.type]: elements });
  }

2) 将请求发布到后端

API.put(`coach/products/${this.props.params.id}`, {
    product: this.state
  }, function(res) {
    this.closeModal();
    Alert.success('<p class="small-body-text">Your changes have been saved</p>', {
      position: "top-right",
      effect: "scale",
      timeout: 5000
    });
  }.bind(this));