Javascript React：如果输入值按状态更改，并且数据来自fetch，是否触发onChange？

在我将数据存储在API中之后，我试图从API中获取数据，但我想要一个输入框（在粘贴网站URL后，在该输入框中，然后单击该按钮后，我想要在return div UI中加载这些结果，但我不知道如何设置onchange（）来自下面API响应的数据的目标值是我的代码

import React，{useffect，useState}来自“React”
从“react bootstrap”导入{Row，Col，Container，Button，Form，FormControl，Nav}
导出默认函数Home（）{
常量[状态，设置状态]=使用状态（“”）；
useffect（（）=>{
取回（“https://lighthouse-dot-webdotdevsite.appspot.com//lh/newaudit", {
方法：“张贴”，
正文：JSON.stringify({
“url”：”https://piyushsthr.netlify.app",
“替换”：正确，
“保存”：false
}),
标题：{
“内容类型”：“应用程序/json；字符集=utf-8”
},
凭据：“相同来源”
})
.then（res=>res.json（））//这是您需要的行
.then（功能（数据）{
设置状态（data.lhrSlim[0]。分数）；
}).catch（函数（错误）{
//eslint禁用下一行没有未使用的表达式
错误消息
})
}, )
返回(
请输入您的网站URL作为第一个问题。如果您想将输入值设置为API请求的结果，您只需添加
值={State}

返回(
请输入您的网站URL作为第一个问题。如果您想将输入值设置为API请求的结果，您只需添加
值={State}

返回(
输入您的网站URL您可以制作如下内容：

import React，{useffect，useState，useRef}来自“React”；
从“react bootstrap”导入{Container，Button，Form，FormControl}；
导出默认函数Home（）{
常量[状态，设置状态]=使用状态（“”）；
const ref=useRef（0）；//添加一个ref以在获取完成时从输入中删除值
const[userUrl，setUserUrl]=useState（“”）；
const[isLoading，setIsLoading]=useState（true）；
//如果在装入组件时不需要获取数据，则可以删除所有useEffect
useffect（（）=>{
onFetch（“https://piyushsthr.netlify.app");
}，[]）；//传递一个空数组，告诉useEffect仅在组件未装载状态下播放
const onFetch=（url）=>{
设置加载（真）；
取回（“https://lighthouse-dot-webdotdevsite.appspot.com//lh/newaudit", {
方法：“张贴”，
正文：JSON.stringify({
url:url，
替换：正确，
保存：false
}),
标题：{
“内容类型”：“应用程序/json；字符集=utf-8”
},
凭据：“相同来源”
})
.then（（res）=>res.json（））//这是您需要的行
.then（功能（数据）{
控制台日志（数据）；
设置状态（data.lhrSlim[0]。分数）；
})
.catch（函数（错误）{
//eslint禁用下一行没有未使用的表达式
错误消息；
})
.最后（（)）=>{
设置加载（假）；
ref.current.value=“”；
});
};
返回(
输入您的网站URL
你可以这样做：

import React，{useffect，useState，useRef}来自“React”；
从“react bootstrap”导入{Container，Button，Form，FormControl}；
导出默认函数Home（）{
常量[状态，设置状态]=使用状态（“”）；
const ref=useRef（0）；//添加一个ref以在获取完成时从输入中删除值
const[userUrl，setUserUrl]=useState（“”）；
const[isLoading，setIsLoading]=useState（true）；
//如果在装入组件时不需要获取数据，则可以删除所有useEffect
useffect（（）=>{
onFetch（“https://piyushsthr.netlify.app");
}，[]）；//传递一个空数组，告诉useEffect仅在组件未装载状态下播放
const onFetch=（url）=>{
设置加载（真）；
取回（“https://lighthouse-dot-webdotdevsite.appspot.com//lh/newaudit", {
方法：“张贴”，
正文：JSON.stringify({
url:url，
替换：正确，
保存：false
}),
标题：{
“内容类型”：“应用程序/json；字符集=utf-8”
},
凭据：“相同来源”
})
.then（（res）=>res.json（））//这是您需要的行
.then（功能（数据）{
控制台日志（数据）；
设置状态（data.lhrSlim[0]。分数）；
})
.catch（函数（错误）{
//eslint禁用下一行没有未使用的表达式
错误消息；
})
.最后（（)）=>{
设置加载（假）；
ref.current.value=“”；
});
};
返回(
输入您的网站URL
在粘贴网站URL后的输入框中，我想加载我理解的结果。因此，您想加载的状态是
状态
对吗？在粘贴网站URL后的输入框中，我想加载我理解的结果。因此，您想加载的状态是
状态
对吗？