Discordance between component state and its props - reactjs

Question

I am making a basic drag and drop utility where you can drag and recombine the position of three cards in React.
I dont know why but there seems to be discordance between the actual data on the parents state and its child. After some refactoring following users input, things are as this:
onDrop = (event) => {
event.preventDefault();
event.stopPropagation();
const newData = this.props.getDraggedCard(); //gets the data actually being dragged around
let receiverCard = Object.assign({}, this.state) //backup of the previous state
this.setState({
_id: newData._id,
text: newData.text,
title: newData.title,
subtitle: newData.subtitle,
image: newData.image
}, () => { this.props.onDropParentData(receiverCard) })
}
this function is on every child component, which are the items actually to be moved around.
The parent component, which stores and saves the data:
onDropParentData = (receiverCard) => {
let {slideInformation}=this.state; //the state where all the data is
let draggedCard = this.state.draggedCard; //the data being dragged
const indexDragged= slideInformation.findIndex((element)=>element.id===draggedCard.id)
const indexReceiver= slideInformation.findIndex((element)=>element.id===receiverCard.id)
let draggedCardIdStorage = this.state.draggedCard.id;
draggedCard.id = receiverCard.id;
receiverCard.id = draggedCardIdStorage;
slideInformation.splice(indexDragged,1,draggedCard);
slideInformation.splice(indexReceiver,1,receiverCard);
this.setState({slideInformation});
}
with this actual code, the state holds the correct information but when dragging and dropping, items dont switch between positions as desired, only the dropped item gets its new position.
The render method on the parent is:
{this.state.slideInformation.map((slide,index) => {
return (
<CardFormBody
getDraggedCard={this.getDraggedCard}
key={index}
onDropParentData={this.onDropParentData}
onDrag={this.onDrag}
slide={slide}
onDragOver={this.onDragOver}
setFormData={this.setFormData}
/>
)
})}
And every CardFormBody is
<div draggable onDrag={(event) => { this.props.onDrag(event, this.state) }} className="newsCard" name={this.state.id}>
<label>Título</label>
<input name={this.state.id} onChange={this.handleTitleChange} value={this.props.slide.title} />
<label>Subtítulo</label>
<input name={this.state.id} onChange={this.handleSubtitleChange} value={this.state.subtitle} />
<label>Texto</label>
<textarea onDragOver={this.props.onDragOver} onDrop={this.onDrop} name={this.state.id} onChange={this.handleTextChange} value={this.state.text} />
<button type="button" name={this.state.id} onClick={this.handleImgChange}>Añadir Imagen</button>
<div className="imageWrapperForm">
<img alt="preview" name={this.state.id} className="previewImg" src={this.state.image} />
</div>
</div>

Answer 1

Ciao, can you provide more code? How you pass data from child to parent? Anyway I think the misalignment between children and parent data could be on how you pass them.