当使用Reactjs聚焦表单输入时,可以通过以下步骤发出API请求:
import React, { useState } from 'react';
function MyForm() {
const [inputValue, setInputValue] = useState('');
const handleInputChange = (event) => {
setInputValue(event.target.value);
};
return (
<div>
<input type="text" value={inputValue} onChange={handleInputChange} />
<button onClick={sendAPIRequest}>发送请求</button>
</div>
);
}
const sendAPIRequest = () => {
fetch('https://api.example.com/endpoint', {
method: 'POST',
headers: {
'Content-Type': 'application/json',
},
body: JSON.stringify({ inputValue }),
})
.then((response) => response.json())
.then((data) => {
// 处理API响应数据
})
.catch((error) => {
// 处理错误
});
};
这样,当使用Reactjs聚焦表单输入时,你可以通过上述步骤来发出API请求。记得根据实际情况修改API的URL和请求方法,并根据需要处理API响应和错误。
领取专属 10元无门槛券
手把手带您无忧上云