Code: Select all
export async function GET(req: NextRequest) {
// some other code
return NextResponse.json({ data }, {
headers: {
'Access-Control-Allow-Origin': '*',
}
})
}
< /code>
Und dies ist der native React-Code: < /p>
interface Data {
id: number
name: string
}
export default function SearchScreen() {
const [searchQuery, setSearchQuery] = useState("")
const [results, setResults] = useState([])
const handleSearch = async () => {
const apiUrl = `${process.env?.EXPO_PUBLIC_BASE_URL}/api/search`
try {
const response = await fetch(`${apiUrl}?k=${searchQuery.toLowerCase()}`)
const data = await response.json()
setResults(data)
} catch (err) {
// set the error
}
}
return (
{/* display the data */}
)
}