我正在构建一个搜索引擎(用React.js),在那里我可以使用他们的API查找GIPHY。当我在搜索栏中键入一个单词时,会得到以下错误:Uncaught (承诺) TypeError: props.gifs.map不是GifList (SelectedList.js:19)中的一个函数
API提取发生的代码
import React from 'react'; //react library
import ReactDOM from 'react-dom'; //react DOM - to manipulate elements
import './
我的javascript搜索栏有一些问题。我在这里设置了一个简单的函数来搜索div标记的内容。效果很好,但我想创建设置搜索值的链接,这样我也可以按类别拆分页面。搜索栏设置了一个onKeyup事件,因此该函数通过键盘输入触发。如何通过单击输入值的函数的超链接来触发该函数?代码如下:
function myFunction() {
var input = document.getElementById("Search");
var filter = input.value.toLowerCase();
var nodes = document.getElementsBy
当我试图对从父组件获得的图像进行.map以渲染从unsplash获得的图像时,我得到了一个类型错误.map is not a function error。我附加了这个问题的代码。如果解决了错误,它将显示搜索栏中的图像
import React, { useState } from 'react';
import axios from 'axios';
import SearchBar from '../SearchBar/SearchBar';
import ImageList from '
我有这个搜索栏功能,可以搜索State中的葡萄酒来缩小它们的范围。当您键入时,状态更改为"isLoading === true“,并显示正确的结果一秒钟,但随后返回到显示所有结果,而不仅仅是输入的参数。我的网站it up ,所以你可以测试一下。以下是搜索栏的代码:
import _ from "lodash";
import React, { Component } from "react";
import { Search} from "semantic-ui-react";
import API from '../../uti
我有一个带有导航栏组件的顶部栏菜单,另一个组件包含在一个表单上,该表单带有一个文本输入,可以将应用程序组件的状态更改为导航。Nav位于路由器外部,它具有用于更改路由的链路。
导航:
import React from 'react';
import {NavLink} from 'react-router-dom';
import SearchInput from './search-input';
var Nav = (props) =>{
return(
<nav className="top-bar ma