Javascript 如何用对象中提供的输入字段和值替换字符串中的占位符

我有一个带占位符的字符串。并希望用输入字段替换这些占位符

最初加载页面时，字符串将显示在占位符位置的输入字段和对象中提供的值。一旦用户更改任何输入字段，将使用onChange事件根据给定的正则表达式对其进行验证

“确保备份时间大于{maxCount}天”

页面上的最终输出需要用输入字段替换maxCount，并且的值将来自对象。字符串可能有多个占位符

以下是我尝试过的内容，但问题在于占位符值

let gaps = [];
    let last = '';
    let title = "Ensure that backup is greater than {maxCount} days old"
    
    const addGapsField = (row) =>{
        let text = title.split(/\{.*?\}/g)
        text.forEach((part, i) => {
          gaps.push(row.Parameters[Object.keys(row.Parameters)[0]].parameterValue)
        })
        last = text.pop()
        return text
    }

const arr = addGapsField(row)//row/Parameters contains obj to replace
<div id="app">
                    <span>
                    {
                        arr.map((part, key) =>{
                            return(
                            <>
                            {part}
                            <input key={key} className="form-control d-inline" style={{width:'45px'}} type={'text'} name={'name'} value = {gaps[key]} />
                            </>
                            )
                        })
                    }
                    </span>
                    <span>{last}</span>
                </div>

let gaps=[]；
让最后=“”；
let title=“确保备份时间大于{maxCount}天”
const addGapsField=（行）=>{
让text=title.split（/\{.\}/g）
text.forEach（（第一部分）=>{
gaps.push（行参数[Object.keys（行参数）[0]].parameterValue）
})
last=text.pop（）
返回文本
}
const arr=addGapsField（行）//行/参数包含要替换的对象
{
arr.map（（部件、键）=>{
返回(
{part}
)
})
}
{last}

我认为您混淆了输入标签上的道具

这是一个占位符：

这是输入中的填充值：

因此，对象应该填充占位符道具，而不是值。您的“值”属性将在onChange回调上更改

 <input {...yourOtherProps} placeholder = {gaps[key]} />

---

什么？我很困惑。您需要的结果示例是什么？如果你更新你的问题，将你的尝试包括在内，这将有助于其他人理解你的问题。

 <input {...yourOtherProps} placeholder = {gaps[key]} />