Javascript 如何在没有错误的情况下使用带有react quill的映射函数？

我正在设置一个管理门户，管理门户可以有无限量的步骤输入。每个步骤都包含一个标题和一段HTML字符串形式的富文本。目前，我的代码正常工作，但当我使用箭头增加步骤数或在输入字段中输入10个或更多步骤时，会出现此错误

未捕获错误：您正在将

onChange

事件中的

delta

对象作为

值传回。您很可能需要
editor.getContents（）

看起来像是一个特定于React-Quill的错误，但有些东西让我觉得这个错误是我的错误代码的副作用

这是我的密码：

export const newsactionspage=（）=>{
常量[numberOfSteps，setNumberOfSteps]=useState（0）
//@ts忽略
const StepsMap=Array.apply（null，{length:numberOfSteps}）
让richText:any={…StepsMap}
let title:any={…StepsMap}
const updateTileArray=（索引：number，titleEventData:string）=>{
常量标题数据={…标题}
title={…titleData[索引]：titleEventData}
console.log（标题[索引]）
}
const updateRichTextArray=（索引：number，richTextEventData:string）=>{
常量richTextData={…richText}
richText={…richTextData[index]：richTextEventData}
console.log（richText[index]）
}
const updateNewArticleJSON=（）=>{
console.log（richText）
console.log（标题）
}
返回(
setNumberOfSteps（Number（e.target.value））}
/>
{StepsMap.map（（n，索引）=>(
步骤：{index+1}
UpdateLearRay（索引，titleEventData.target.value）
}
/>
updateRichTextArray（索引，richTextEventData）
}
/>
))}
提交文章
)
}

我知道类型any的用法不好，但我的首要任务是让它正常工作，然后我可以在之后添加正确的类型。
控制台.log（richText[index]）

返回什么？我不知道我的新代码看起来是这样的，还有一些控制台错误，比如什么？我可以添加一个步骤并在其中输入，没有错误