react钩子:不能删除onChange输入的第一个字符

Question

我得到了一些输入来创建/更新公式，

1( 如果value＝｛question｝，除了我不能删除最后一个字符(＝输入的第一个字符(之外，一切都正常

2( 如果我不提到值，这一切都很好，除了当我想用Chevron图标按钮更改问题顺序时，数据库被很好地更改了，但输入值仍然显示在最后一位。

<input
type="text"
value={question}
placeholder="blabla"
onChange={event => {
event.preventDefault();
const value = event.target.value;
setUpdatedQuestion(value);
}}
/>

我尝试将if(event.target.value=="|| event.target.value(添加到onChange，但也不起作用

好吧，我找到了一些东西，但这是一个McGyver提示，不是很干净：在所有新的添加问题之前添加一个空格啊。但我再也看不到我的占位符了：/

仅供参考：问题来自一个问题。map，setUpdatedQuestion做更新问题，newOrder也做更新问题

//in QuestionsContent.js (questions is a questions tab)
const QuestionsContent = props => {
return (
<form onSubmit={onSubmit}>
{isLoading === false && questions.length > 0
? questions.map((question, i) => {
return (
<div key={i}>
<QuestionLine
{...question}
questions={questions}
setQuestions={setQuestions}
setNewOrder={setNewOrder}
/>
</div>
);
})
: null}
<button 
onClick={event => {
event.preventDefault();
setAddQuestion({
question: null,
type: "texte"
});
}}
>
Add a question
</button>
</form>
);
};
//in QuestionLine.js:
const QuestionLine = ({
question,
setNewOrder,
setQuestions,
questions
}) => {
const [updatedQuestion, setUpdatedQuestion] = useState("");
// * UPDATE QUESTION *******************************
useEffect(() => {
if (updatedQuestion !== "") {
const tab = [];
for (let j = 0; j < questions.length; j++) {
if (j === i) {
const newObject = {
question: updatedQuestion,
type: type
};
console.log("adding updatedQuestion ===>", newObject);
tab.push(newObject);
} else {
tab.push(questions[j]);
}
}
setQuestions(tab);
setUpdatedQuestion("");
}
}, [updatedQuestion]);
return (
<div >
{/* QUESTION */}
<input
type="text"
value={question}
placeholder="blabla"
onChange={event => {
event.preventDefault();
const value = event.target.value;
setUpdatedQuestion(value);
}}
/>   
</div>
);
};

感谢您对的宝贵帮助

Answer 1

问题可能来自useEffect中的条件：当您想要删除字符串的最后一个字符时，updatedQuestion的状态为空，因此该条件不会执行