Почтовый стол React - PullRequest
Новая
       24

Почтовый стол React

0 голосов
/ 20 января 2020

Я объясняю вам свою проблему, у меня есть таблица, которая содержит несколько объектов

в этой форме 

 {id:1,title:"Campus (Pinte)", desc:"Pression - Bière Blonde - 4° Alc", detail:"Une bière blonde légère qui saura vous désaltérer comme il se doit", qty:"50 cl", img:Campus, price: 5, ctg:1, },

В настоящее время я публикую всю свою таблицу следующим образом: 

postbackend = () =>{
 const config = {

method: "POST",
headers: {
  "Content-Type": "application/json",
},
 body: JSON.stringify({...this.state, items:this.props.items}),
};

const url = entrypoint + "/alluserpls"; 
fetch(url, config)
.then(res => res.json())
.then(res => {
  if (res.error) {
    alert(res.error);
  } else {
    alert(`ajouté avec l'ID ${res}!`);
  }
}).catch(e => {
  console.error(e);

}).finally(()=>this.setState({ redirect: true }));
}

Я хочу опубликовать только те объекты, которые не суммируют его из моей таблицы

Например, я хочу восстановить только заголовок Кол-во и цену

У вас есть представление о том, как делать . ? спасибо Neff

Ответы [ 2 ]

1 голос
/ 20 января 2020

Поскольку this.props.items является массивом, вам необходимо отобразить массив, чтобы создать новый массив с объектами, которые имеют только нужные поля. 

const newItems = this.props.items.map((item) => {
    const { title, qty, price } = item;
    return {
        title,
        qty,
        price
    };
});

Затем используйте переменные так, как вам нравится: 

method: "POST",
headers: {
  "Content-Type": "application/json",
},
 body: JSON.stringify({...this.state, items: newItems }),
};
0 голосов
/ 20 января 2020 
    postbackend = () =>{
const { title, qty, price } = this.props.items;
const config = {

method: "POST",
headers: {
  "Content-Type": "application/json",
},
body: JSON.stringify({...this.state, items: { title, qty, price } }),
 };

 const url = entrypoint + "/alluserpls"; 
  fetch(url, config)
.then(res => res.json())
.then(res => {
  if (res.error) {
    alert(res.error);
  } else {
    alert(`film ajouté avec l'ID ${res}!`);
  }
}).catch(e => {
  console.error(e);

}).finally(()=>this.setState({ redirect: true }));
   }
...