在 React JS 中使用从子级传递到父级的数据更新 Firebase 对象

Question

我正在将输入数据 onSubmit 从子组件传递到 react JS 中的父组件。然后将此输入数据附加到具有相应 id(key) 的数据库中的对象。提交数据并将其推送到数据库后，只会推送我输入的文本的第一个字母。这是为什么呢？

子组件

<input type="text" className="Question-Answer" id={props.id} name="Answer" placeholder="Your Answer..." onChange={(event) => props.onChange(event.target.value,props.id)}></input>

父组件

postAnswerHandler = ( answer,id ) => {
        
        console.log('This was clicked!'+id)
        
        axios.get( 'https://blog-6d4da-default-rtdb.firebaseio.com/posts/'+id+'.json' )
        
            .then( response => {
                let newAnswer = answer;
                let response_1 = JSON.stringify(response.data);
                
                const newData = {
                    answer: newAnswer,...response.data
                };

                axios.put('/posts/'+id+'.json', newData);
            });
        }

Answer 1

我使用 axios.patch() 而不是 axios.put()，这解决了我的问题。