将数据传递给SearchBar
是指在前端开发中，将数据传递给搜索栏（SearchBar）组件，以便进行搜索操作或展示相关搜索结果。这个过程通常涉及以下几个步骤：
- 数据准备：在后端开发中，首先需要从数据库或其他数据源中获取相关数据。可以通过后端接口（API）来获取数据，或者在前端通过AJAX等技术直接请求数据。
- 数据传递：将获取到的数据传递给前端的SearchBar组件。这可以通过将数据作为参数传递给SearchBar组件的props属性来实现。例如，可以将搜索结果列表作为一个数组传递给SearchBar组件的props，以便在搜索栏下方展示搜索结果。
- 数据展示：SearchBar组件接收到数据后，可以根据需要展示数据。这可能包括在搜索栏中显示默认值、在搜索结果列表中展示搜索结果等。
- 搜索操作：当用户在搜索栏中输入关键词并点击搜索按钮时，SearchBar组件可以触发搜索操作。这通常涉及将用户输入的关键词传递给后端进行搜索，并获取搜索结果。
- 相关产品推荐：腾讯云提供了一系列与云计算相关的产品，以下是一些推荐的产品和产品介绍链接地址：
- 云服务器（CVM）：提供弹性、可靠的云服务器实例，支持多种操作系统和应用场景。详细信息请参考：https://cloud.tencent.com/product/cvm
- 云数据库MySQL版（CDB）：提供高性能、可扩展的云数据库服务，适用于各种规模的应用。详细信息请参考：https://cloud.tencent.com/product/cdb_mysql
- 人工智能平台（AI Lab）：提供丰富的人工智能开发工具和服务，包括图像识别、语音识别、自然语言处理等。详细信息请参考：https://cloud.tencent.com/product/ailab
- 云存储（COS）：提供安全、可靠的对象存储服务，适用于存储和管理各种类型的数据。详细信息请参考：https://cloud.tencent.com/product/cos
请注意，以上推荐的产品仅作为示例，实际选择应根据具体需求和场景进行。腾讯云还提供了更多与云计算相关的产品和服务，您可以访问腾讯云官网了解更多信息。
相关·内容
目前，试图通过开发一个从openFEC API获取数据的简单应用程序来学习反应。
我目前在我的应用程序中定义了两个组件，一个是SearchBar，另一个是候选组件。这就是我的App.js当前的样子：
class App extends Component {
constructor(props){
super(props);
this.state = { candidate: [], searchTerm: '' }
}
render() {
return (
<div className
浏览 2提问于2018-01-23得票数 1
嗨，现在我在一个我的投资组合网站上工作，我试图使一个按钮，使用相同的风格，但想要使用它的两个按钮(1)转到一些页面(2)下载简历。但它们都执行操作(1)。我不知道如何让这两个按钮做不同的工作。
这是Button的代码，
import React from 'react';
import './Button.css';
import { Link } from 'react-router-dom';
const STYLES =['btn--primary', 'btn--outline'];
const SIZE
浏览 2提问于2021-03-11得票数 0
2回答
我正在尝试以prop的形式将API数据传递给App.js。我可以通过控制台记录API数据，这样我就可以知道它是如何通过的。当我将它赋值给一个prop时，我得到了ResultList.js:28未捕获(在promise中) TypeError: this.props.openState不是一个函数。这是正确的语法吗？抱歉，如果这是一个幼稚的问题，我对这一切都是非常陌生的。 我尝试过几种不同的赋值方式，但我对道具的不熟悉阻碍了我。我知道API正在返回数据，因为我可以通过控制台将其注销。 ````import { Helmet } from "react-helmet"; ````
浏览 35提问于2019-05-10得票数 0
所以我创建了一个电影数据库应用程序，我想要在不同的类别之间切换，比如Top Rated，Popular等。我试图通过将状态设置为任何点击的文本值来实现这一点，稍后将使用该文本值来形成要获取的完整url。 这是我的代码： App.js import Movie from "./components/Movie";
import requests from "./components/ApiRequest";
import Navbar from "./components/Navbar";
function App() {
return
浏览 43提问于2021-11-20得票数 1
回答已采纳
1回答
我用渲染道具的方式编写了一个react组件，它将用3个react组件对象调用子函数(不确定名称，执行(<div>...</div>)生成的变量)；
<PaginatedTable>使用示例：
<PaginationTable data={data} ...otherprops>
{({ SearchBar, Table, PaginationBar })=>
(<div>
{SearchBar}
{Table}
{Pagination
浏览 0提问于2018-10-27得票数 0
回答已采纳
我有三个组件，从最外面到最里面：App => Welcome => SearchBar。在App和SearchBar中定义了一个状态，但我想要的是以SearchBar格式获取用户输入的数据，并将其显示在"Results“页面中。因此，我正在尝试更新SearchBar中的状态，同时更新App中的状态，这样我就可以将该数据传递给App的子组件(例如Results)。我有以下代码，但它只更新SearchBar中的状态，而不更新App中的状态。
(我已经查看了一些示例，其中子对象(在本例中为SearchBar)没有自己的状态，但在本例中，我认为这是必要的，因为我正在跟踪用户输入。不
浏览 10提问于2019-08-06得票数 0
回答已采纳
1回答
我以前在java上工作，我是C语言的新手，我面临着一些问题。
在这里，我不断地从一个源接收数据。在达到count 3之后，我需要将count 1到count 3的所有数据传递给另一个函数。
void check_msg_id( uint8_t *recvdata) {
uint8_t buffer1[3];
cnt=0;
buffer1[cnt]=recvdata;
cnt++;
if (cnt==3) {
cnt=0;
}
}
如何将所有计数的数据传递到缓冲区？任何帮助都将不胜感激。提前感谢
浏览 6提问于2018-12-17得票数 1
回答已采纳
在我的应用程序中，我使用了一个获取运动鞋信息的api。当尝试使用'getSneakerById‘端点通过id获取运动鞋时。我想更改url，这样我就可以传递sneakerId，这样我就可以访问sneakerId组件并获得运动鞋数据。在我的组件中，我使用一个useEffect从我的'api‘文件中引入了'getById’函数，该函数带来了数据，这样我就可以将id添加到url端点的末尾。 ? api文件 import axios from "axios";
const API_KEY = process.env.RAPID_API_KEY
expo
浏览 18提问于2021-04-13得票数 0
1回答
我是新来的，用角7开始一些代码，我有个问题。
我创建了两个组件和一个服务。当在组件searchbar中单击按钮时，服务将检索数据。我想在search-res视图中显示它。服务有要从searchbar组件获取的数据。
这是服务代码：
import { Injectable } from '@angular/core';
import { HttpClient } from '@angular/common/http'
import { Observable } from 'rxjs';
@Injectable({
providedIn: &#
浏览 0提问于2019-01-25得票数 0
任何帮助或暗示都将不胜感激。在SearchBar.js中，"this.props“在哪里定义？我没有看到在SearchBar.js类中定义了这个变量？
是因为React.Component类吗？在google中调试时，我如何进入这个React.Component类？
SearchBar.js：
import React from 'react';
class SearchBar extends React.Component {
state = { term: ''
浏览 0提问于2021-01-01得票数 1
回答已采纳
我正在尝试测试一个react组件，它接收输入并在值更改时触发事件。当值被更改时，我传递给它一个客户机和一个回调来调用。
我正在使用摩卡和react的TestUtils来测试这一点。以下是组件：
var React = require('react');
var SearchBar = React.createClass({
handleChange : function(event){
var algoliaClient = this.props.client;
// call algoliaClient.search with eve
浏览 2提问于2015-06-11得票数 0
回答已采纳
import csv
from itertools import groupby
import requests
from gevent.threadpool import ThreadPoolExecutor
def postRequest():
postapi = requests.post(ENDPOINT_URL, json=groups, headers=headers)
pool = ThreadPoolExecutor(max_workers=20)
with open("car.csv", "r") as csv_ledger:
浏览 16提问于2019-04-24得票数 1
1回答
我在我的React项目中有以下组件。我想要做的是向className元素添加一个<li>属性。将其设置为getSortByClass()方法的返回值，并作为参数传入sortByOptionValue。
import React from 'react';
import './SearchBar.css';
const sortByOptions = {
'Best Match': 'best_match',
'Highest Rated': 'rating',
'M
浏览 2提问于2017-11-24得票数 0
回答已采纳
1回答
我正在尝试让它，这样当我按回车时，回收器视图将从旧数据中清除，新数据被抓取并放入并显示。我有它，所以只要按下enter，它就会抓取edittext中的内容，并将其放入一个变量中，然后搜索该变量。变量正在更新，但保存搜索项的数组未更新。我需要清空那个数组吗？我认为要做到这一点，我需要使用ArrayList而不是普通的数组。这是不是一个更好的主意？ public View.OnKeyListener search = new View.OnKeyListener()
{
@Override
public boolean onKey(View v, int keyCode, Key
浏览 17提问于2020-03-26得票数 0
1回答
使用核心数据，数据被正确获取和正确显示，问题是搜索没有过滤结果，无论我在搜索栏中键入什么，它都会显示相同的表视图和过滤结果中的相同数据。
- (void)viewDidLoad
{
[super viewDidLoad];
if (context == nil)
{
context = [(VektorAppDelegate *)[[UIApplication sharedApplication] delegate] managedObjectContext];
}
app = [[UIApplication shared
浏览 0提问于2012-02-06得票数 0
回答已采纳
1回答
我在PostgreSQL中编写了一个函数，它有以下代码：
for (i = 0; i < 4; i++)
{
Datum dat_value = CStringGetDatum(inp->str[0][i]);
values[i] = datumCopy(dat_value,
stats->attrtype->typbyval,
stats->attrtype->typlen);
}
输入字符串为{阿尔及利亚、阿根廷、巴西、加拿大
浏览 6提问于2014-06-27得票数 3
回答已采纳
我在组件之外有以下函数
function getSortByClass(sortByOption){
if (this.state.sortBy === sortByOption) {
return 'active';
}
else {
return '';
}
}
我有一个返回以下函数的组件。
return Object.keys(sortByOptions).map(sortByOption => {
let sortByOptionValue = sortByOptions[
浏览 2提问于2017-12-01得票数 0
回答已采纳
我有一个SearchBar，我已经添加了一个dismiss属性。dismiss由“取消”按钮使用，但在显示工作表时也可能由父视图使用。如何在父视图中定义SearchBar以便能够引用dismiss属性？
SearchBar的相关部分如下所示：
struct SearchBar: View {
@Binding var text: String
@Binding var isSearching: Bool
let prompt: String
var body: some View {
...
}
var dismiss: Vo
浏览 1提问于2022-01-31得票数 0
我的应用程序显示服务提供的所有书籍，我希望有一个搜索栏来搜索一本特定的书。
我有两个主要组件：NavPanel和MainPanel。NavPanel有子组件SearchBar，MainPanel有子组件Books。它们没有直接关系。
Books显示所有书籍，SearchBar搜索特定的书籍。
我有一个名为BooksService的服务，它提供一系列书籍，还有一些方法：
export default function BooksService() {
return {
reset: function() {
// resets the array
浏览 2提问于2016-10-14得票数 0
回答已采纳
看一下苹果的ToolbarSearch示例，我看到他们的视图控制器的searchBar变量有一个retain属性，它是这样做的：
searchBar = [[UISearchBar alloc] initWithFrame:CGRectMake(0.0, 0.0, 400.0, 0.0)];
在控制器的dealloc中，searchBar被释放。但是，它的viewDidUnload并没有释放，只是将searchBar变量设置为nil。
我认为alloc会递增保留计数，而变量的retain属性会额外递增计数。如果这是真的，这不是意味着searchBar需要在viewDidUnload中发布吗？
浏览 2提问于2011-03-31得票数 0
回答已采纳
我有一个父组件，我想从它向我的子组件发送函数。
ParentComponent.js
export default class LandingPage extends React.Component {
onSearchSubmit(term) {
console.log(term);
}
render() {
return (
<div>
<div className = "admin" >
<SearchBar onS
浏览 1提问于2019-02-27得票数 1
回答已采纳
我在UINavigationController中添加UINavigationController作为subView，但是subView的行为很奇怪。它隐藏了UITableView的章节标题，当我点击它时，它垂直地跳到中间。
如何将UISearchBar的背景色更改为橙色？我试过浅色和背景色，但效果不佳。
var searchController: UISearchController!
var searchResultController: UITableViewController!
override func viewDidLoad() {
super.viewDi
浏览 2提问于2017-11-07得票数 1
回答已采纳
1回答
我的应用程序中有一个搜索栏，但当我在模拟器中运行它时，它不允许我在搜索字段中键入内容。
在我的代码中，搜索栏是在xib文件中创建的，然后(以编程方式)作为地图视图的子视图添加，以便它位于地图的顶部。我的搜索栏的一些代码：
[mapView addSubview: searchBar];
searchBar.placeholder = @"Search or Place Pin";
searchBar.searchBarStyle = UISearchBarStyleProminent;
searchBar.backgroundImage =[[UIImage alloc]ini
浏览 4提问于2016-07-27得票数 1
回答已采纳
我试图构建一个库，每当应用程序项目中包含它时，它就会弹出系统托盘上的persistent notification。我做了一个正常的应用程序，并在运行非常好的设备上进行了测试。现在，我已经将该项目转换为库，并将该库引用到android项目。
下面是我的MainActivity，它被命名为库项目的SearchBar：
public class SearchBar extends Activity {
NotificationManager nm;
public static String PACKAGE_NAME;
@Override
protected void onCreate(Bund
浏览 1提问于2013-12-31得票数 0
回答已采纳
1回答
我已经通过问这个问题来解决我的记忆泄漏了：
现在我知道我的泄漏是由于设备的旋转而重新创建活动造成的。
在我的活动中，我正在创建一个对我的searchbar的引用：
searchbar = (EditText) findViewById(R.id.my_searchbar);
并将此引用传递给我的AsyncTask，它不是Activity的内部类。
myWorkerClass.clearMemory();
myWorkerClass = new WorkerClass(getApplicationContext(), gv, searchbar, width, scaleButtonT
浏览 2提问于2014-12-12得票数 2
我有以下代码：
import SearchBar from "material-ui-search-bar";
const data = [
{
name: "Jane"
},
{
name: "Mark"
},
{
name: "Jason"
}
];
export default function App() {
const [results, setResults] = useState();
const filteredResults = data.filter(
浏览 7提问于2021-04-28得票数 0
回答已采纳
2回答
基本上是新的反应，我有点困惑如何正确传递状态之间的组件。我已经发现了一个类似的问题，，但我想知道您是否可以为下面的代码给出一个具体的答案。
目前，应用程序的结构包括：
父组件- App
2名儿童：SearchBar和RecipesList
目标是在Meteor集合上进行异步搜索，并只显示与搜索词匹配的recipes。
现在，我正在展示我的流星系列中的所有菜谱。我已经创建了一个名为SearchBar的有状态组件，它将输入值保存为this.state.term。这个想法是将状态传递给RecipesList，但我不确定这是否是正确的做法。或者，我让App处理这个州，并把它传给孩子们。
浏览 4提问于2016-12-07得票数 6
回答已采纳
1回答
我有数据库列attach1和attach2。我需要从这些列中显示文件(pdf)，但前提是它们存在于www.domain.com/上载目录中。Attach1包含真正的文件，但attach2不包含。
我试过这样的方法：
<?php
$file = $row['attach'];
$exists = file_exists('uploads/'.$file.'');
if ($exists) {
echo $file;
}
if (!$exists) {
echo 'No file1';
}
?>
&
浏览 2提问于2013-12-14得票数 0
回答已采纳
如果用户进行搜索，结果将显示在第一个表视图(SearchHome)上。
如果我选择一个单元格，我可以在下一个tableView(bookDetail)上看到该单元格的详细信息。
在bookDetail中，只有一个单元格存在，就像instagram一样。在我的页面中我可以看到许多图片，但我选择了一张，我只能看到一张带有详细信息的图片)。
但是searchHome的数据不会传递给detailBook。
有3个类有这个问题。
一个是用于传递数据的类(BookAPIResult)
另一类是用于搜索的UITableViewController (SearchHome)。
另一类是用于detailIndo
浏览 0提问于2016-08-17得票数 0
每当我在另一个组件中放置一个具有导航功能的组件时，我总是会得到标题中的错误。
通过导航传入的组件：
import React from 'react'
import { View, Text, Pressable, StyleSheet } from 'react-native'
import Ionicons from 'react-native-vector-icons/Ionicons'
const SearchBar = ({navigation}) => {
return (
<Pressable
浏览 2提问于2021-11-26得票数 0
我正在自学python，我正在尝试创建一个密码生成器。我想要程序做的是，生成一个随机密码并将其保存到文本文件中。我在获取密码以保存到文本文件方面有什么问题。我能够获得一个生成的密码，但是我在text_file file.write( output ) NameError中得到了一个错误代码:虽然我已经定义了输出，但没有定义名称'output‘。如果有人能告诉我我做错了什么，我会很感激的。如果需要更多的信息，请告诉我。谢谢
import random
import string
# Generates a password from random.choice
length = int
浏览 2提问于2020-06-04得票数 0
回答已采纳
2回答
我使用的是SearchContoller，每当用户开始搜索时，我都必须显示结果。但是，即使没有从API接收到数据，这里的连续API调用有时也会保留旧的结果。如何对它们进行排队，这样就不会有任何放错位置的数据被查看。
fileprivate func getData(searchString: String){
getFriendList = false
guard let currentUser = AppController.shared.currentUser else { return }
// self.friendsList.re
浏览 0提问于2017-03-30得票数 2
我目前正在与拉拉维尔火花，我正在慢慢学习的Vue.js系统。
我想在一个从AWS DynamoDB中提取的表中显示一堆数据。我正在以各种方式成功地解析这些数据，并且可以在标准的静态引导表中显示数据。我现在正在尝试使用Vue.js版本，在我的一生中，我根本无法将这些数据显示出来。如果我将虚拟数据插入Vue组件中，则虚拟数据将显示出来，因此它必须是我传递数据的方式。
我的代码如下：
TableController.php
public function show()
{
$data = $this->fetchAWSData($condition); // This is my
浏览 2提问于2018-06-03得票数 0
回答已采纳
4回答
从我的登陆页面，我发送功能到我的搜索栏页面。
LandingPage.js
export default class LandingPage extends React.Component {
onSearchSubmit(term){
console.log(term);
}
render() {
return (
<div>
<div><SearchBar onSubmit = {this.onSearchSubmit} /></div>
浏览 1提问于2019-02-28得票数 0
回答已采纳
1回答
我正在尝试向一个新的视图控制器发送一个数据数组，并且我目前正在获取错误的fatal error: unexpectedly found nil while unwrapping an Optional value
我正在使用来自www.thecocktaildb.com的API数据
示例：http://www.thecocktaildb.com/api/json/v1/1/search.php?s=margarita
不知道我做错了什么。尝试在我的搜索视图控制器中的segue之前调试和检查值，它们是准确的。
这是我的代码：
主故事板
SearchViewController
clas
浏览 0提问于2016-01-08得票数 1
回答已采纳
我正在使用UIViewRepresentable向SwiftUI项目添加搜索栏。搜索栏是用来搜索主列表的-我已经设置了搜索逻辑，它工作得很好，但是当搜索取消时，我还不能对键盘进行编码以使其消失。取消按钮没有响应。如果单击文本字段clearButton，搜索将结束，并显示完整列表，但键盘不会消失。如果我在textDidChange中取消对resignFirstResponder行的注释，则行为与预期一样，只是键盘在每个字符之后消失。
这是搜索栏：
import Foundation
import SwiftUI
struct MySearchBar: UIViewRepresentable {
浏览 30提问于2019-10-29得票数 3
回答已采纳
我目前正在攻读iOS开发课程。作为任务的一部分，我的任务是使用Swift中的核心数据在一个便笺跟踪项目中创建一个UISearchController。
我找到的每一个例子都在Objective中，或者正在过滤一个静态数组。2014年12月更新的苹果“示例”代码没有在Xcode 6.3中编译。
要添加一个UISearchController，我需要执行3主要任务：
1)创建一个视图控制器来显示搜索结果。我用的是TableViewController。
2)创建一个UISearchController，并将其传递给我的搜索结果视图控制器。
什么是“阻止”我现在是得到一个在managedObject
浏览 2提问于2015-02-22得票数 1
回答已采纳
我对Flash相当陌生，但我在网上和这里读过一些文章，这是一个我似乎无法解决的持续问题。
在Flash中，我有一个ID为'searchBar‘的搜索栏。除了搜索栏外，还有一个标签为“Submit”的按钮。
我的系统是这样工作的：
我已经设置了一个HTTP：
<s:HTTPService id="searchBookAuthor“url="”“fault=”libraryService_faultHandler(事件)“method=”POST> <s:request xmlns=“> {searchBar.text} </s:request
浏览 3提问于2012-04-29得票数 0
回答已采纳
当我像这样将searchBar对象调用到UISearchBar委托方法中时，它工作得很好：
-(void)searchBarSearchButtonClicked:(UISearchBar *)searchBar{
NSLog(@"You have taped:%@",searchBar.text);
[searchBar resignFirstResponder];
searchBar.showsCancelButton=NO;
}
但是，当我尝试将它用于我自己的另一个方法时，我得到了这个错误：
use of undeclared identifie
浏览 0提问于2011-12-22得票数 0
回答已采纳
1回答
我一直在尝试在食物列表中添加一个选项，以便通过输入栏添加其他食物。每次我点击enter时，它不仅会删除输入字段，还会删除食物列表。我不确定我在这里做错了什么。
这是我的搜索栏组件：
import React, { Component } from 'react';
class SearchBar extends Component {
constructor(props) {
super(props)
this.state = {
inputValue: ''
}
thi
浏览 0提问于2017-10-05得票数 0
1回答
我有两个基于class的组件。
父组件：App
import React, { Component } from 'react';
import Navbar from './Navbar';
import SearchBar from './SearchBar';
class App extends Component {
state = {
search: ''
}
getSearchFromSearchBar = (searchBarData) => {
th
浏览 3提问于2020-07-10得票数 0
回答已采纳
1回答
当我试图过滤从API中提取的数据的结果时，我会得到一个错误。
当我输入任何内容时，当我使用searchBar组件过滤redux数据时，就会出现错误消息。
下面是错误消息：
“错误:一个不正确的生产者返回一个新值并修改其草稿。要么返回一个新值，要么修改该草稿。”
我必须做些什么来过滤数据并返回新数据？
下面是我正在使用的组件和Redux切片。
Home.js组件
import React, {useState, useEffect} from 'react';
import { Col, Container, Row } from 'react-bootstrap'
浏览 2提问于2021-09-25得票数 3
1回答
我想添加安全检查到我现有的扭曲服务器，但为了做检查，我需要有关请求的信息。可以在每个函数调用中传递request-object，但我正在寻找将其作为隐式参数传递的解决方案。如果twisted是线程化框架，我可以使用线程本地存储来保存这些信息，并从任何函数访问数据。问题是，我如何提供特定于请求的上下文，以便可以从任何函数调用访问？
谢谢!
浏览 0提问于2011-04-24得票数 1
我希望使用本机iOS特性在地图页面中实现搜索完成。我找到了帮你
然而，他们将其结果提供给一个桌面视图。我想以与地图相同的观点来展示结果。我还想知道如何查看用户选择哪个完成
这是我现在所有的相关代码
// Enable Searching
var searchController: UISearchController!
var request: MKLocalSearchRequest!
var search: MKLocalSearch!
var response: MKLocalSearchResponse!
// Autocompletion
var searchCompleter =
浏览 1提问于2016-08-01得票数 0
回答已采纳
在将参数从我的关注点传递给Service对象时，我有问题。
它向我展示：
无法验证CSRF令牌的真实性。//它显示这是一个信息，因为我跳过了
ArgumentError (参数数错误(给定0，预期1))：
app/services/task_manager/task_destroyer.rb:6:in‘初始化’
在我看来，我传递的参数是正确的：
// production_controller.rb
skip_before_action :verify_authenticity_token
protect_from_forgery with: :null_session
def destr
浏览 2提问于2020-07-06得票数 1
回答已采纳
1回答
我正在使用将一些数据导入到我的laravel应用程序中。
我循环处理excel的行，验证数据，然后保存它，但是如果我得到一个验证错误，我想从Excel::load()函数外部返回$error变量。有可能吗？
public function import()
{
Excel::load(Input::file('excelFile'), function ($reader) {
foreach ($reader->toArray() as $row) {
if($everythingOK){
浏览 12提问于2016-07-19得票数 3
回答已采纳
1回答
我有一组组件：
render() {
return (
<InstantSearch
appId="29FLVJV5X9"
apiKey="f2534ea79a28d8469f4e81d546297d39"
indexName="prod_conferences"
style={{ flexGrow: 1 }}>
<Configur
浏览 0提问于2018-05-13得票数 10
在我的应用程序中，我在组件App.js中有一个初始状态，它是一个对象数组
以下是App.js代码：
import React, { Component } from 'react';
import './App.css';
import { render } from '@testing-library/react';
// Import Used Components
import SearchBar from '../SearchBar/SearchBar';
import Playlist from '../Pl
浏览 2提问于2020-07-16得票数 0
回答已采纳
在这个简单的示例中，我将使用useMemo回传子组件，并将回调传递给父函数以添加数据以响应钩子数组，该数组最初被设置为空。
我的问题如下:为什么钩子数据从不改变，并将它的初始状态保存在回调函数中，这个回调函数来自于自述的Child组件。但是，当在useEffect方法中检查数据钩子或在呈现中使用该钩子时，它总是具有最新的状态。
这是一个更普遍的问题，例如，如果数据总是具有初始状态，那么在回忆录子组件中检查回调函数中的重复值的最佳方法是什么？
我知道useReducer，在添加之前我可以在钩子setter方法中操作数据，但是可能还有其他方法吗？
父组件：
import React, {useEf
浏览 9提问于2020-05-18得票数 1
回答已采纳
我想在两个兄弟姐妹之间传递数据，但是，为了学习目的，我不想使用上下文。我有SearchBar和自动选择搜索一个城市：
SearchBar.js
export const SearchBar = () => {
const [city, setCity] = useState('')
const [error, setError] = useState(null)
const [loading, setLoading] = useState(true)
const [cityList, setCityList] = useState(null)
con
浏览 5提问于2021-09-17得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
云直播活动推荐
腾讯云开发者
