繁体   English   中英

我希望能够通过过滤显示我从数据库中提取的项目,但我无法根据需要提取数据。 我正在使用 Reactjs

I want to be able to show the items I pulled from the database by filtering, but I can't pull the data as I want. I am using Reactjs

提示:本站收集StackOverFlow近2千万问答,支持中英文搜索,鼠标放在语句上弹窗显示对应的参考中文或英文, 本站还提供   中文繁体   英文版本   中英对照 版本,有任何建议请联系yoyou2525@163.com。

我希望能够通过过滤显示我从数据库中提取的项目,但我无法根据需要提取数据。 这是我从 .json 中提取数据的部分。 我可以获取项目数据,获取它们的 id,但我无法从额外数据中提取数据。

onClickEvent = async (dispatch, id, e) => {
        
    const item_extra = await axios.get(`http://localhost:3001/item_extra/?item_id=${id}`);
    console.log(item_extra.data);
    var extra_ids = [];
    item_extra.data.forEach( (elem) => {
        extra_ids.push(elem.extra_id);
        
    });
    console.log(extra_ids)
    dispatch({
        type: "GET_EXTRAS",
        payload: extra_ids
    });

    this.setState({
        isVisible: !this.state.isVisible,
    })
    
    
}

视图看起来像

            {
                value => {
                    const { dispatch } = value;
                    console.log(this.state.extras);
                    return (

                        <div className="card" >
                            <div className="col-sm-6">
                                <img className="card-img-top" width="150" height="100" src={image} alt="Card "></img>
                                <div className="card-body">
                                    <h5 className="card-title">{name}</h5>
                                    <p className="card-text">Price: {price} €</p>
                                    <h5><span className="badge badge-pill badge-warning" onClick={this.onClickEvent.bind(this, dispatch, id)}>Buy</span></h5>
                                </div>

                                {
                                    isVisible ? <form>
                                        
                                        {extras.map((elem, key) => 
                                    
                                                <div className="card-body">
                                                    <label>{key}</label>
                                                    <label hidden>{key}</label>
                                                    <label hidden>{elem.id}</label>
                                                    <label>{elem.extra_name}</label>
                                                    <input className="extras" type="checkbox"></input>
                                                    <span>{elem.extra_price}</span>
                                                </div> 
                                        )}

                                    </form> : null
                                }
                            </div>
                        </div>

                    )
                }
            }
        </ItemConsumer>

我正在过滤的部分

case "GET_EXTRAS":
            
            
        return {
            ...state,
            extras: state.extras.filter(extra => action.payload=== extra.id)
        }

[{…}] 0:{} 长度:1原型:数组(0)

1 个回复

action.payload是一个 id 数组,因此您需要检查所有 id 以获取额外信息

case "GET_EXTRAS":

  return {
     ...state,
       extras: state.extras.filter(extra => action.payload.includes(extra.id) )
  }
1 我希望能够使用.find()在数据库中找到一个单词

这是我的预订方案。 预订时,我可以一次预订多个时段。 所以我数据库中的period部分看起来像这样:period:1、2。 当我仅对第一期进行新预订时,找不到我对第一期和第二期的预订,然后翻倍了第一期的预订。 我的问题是,即使在“句点”部分中有多个句点,也能循环遍历句点并查看是否具有一个 ...

2 我希望能够使用PHP删除或编辑数据库中已有的用户

我试图查看当前用户,并最终选择删除和​​编辑用户。 $ dbc在header.html文件的另一个文件中。 我收到的唯一不包含页眉/页脚的输出是:警告:mysqli_fetch_array()期望参数1为mysqli_result,在C:\\ xampp \\ htdocs \\ Kyle_ ...

3 我正在尝试使用 python 获取 sqlite 并希望能够获得满足特定条件的行数

我正在将一个 excel 电子表格加载到一个 sql 表中并且能够看到它(这样就可以了)。 我想知道有多少记录符合某个标准。 第 1 列和第 2 列中有名称,理想情况下,我想知道列表中的每一对出现了多少次。 我试图从简单开始,并且能够使用 Pandas 访问 excel 数据,创建表(df.to_s ...

4 何时根据需要过滤/排序数据使用数据库?

我目前正在构建一个Flask网络应用程序,并且试图找出我是否需要一个数据库来显示正在显示的信息。 我查看了其他文章,发现根据数据的大小,最好只使用对象。 我开始使用对象,但是我需要具有过滤/排序数据的能力,MySQL查询比python排序要快。 此外,我的数据每天都会更新,其中包含约400 ...

5 我希望能够编辑我的foreach中提供的数据

在我的网站上,我正在为用户建立自己的博客,并希望人们在帖子下发表的评论可编辑。 不幸的是,我无法做到这一点。 因为它们都具有相同的类/标识。 我已经尝试过使用data-id,但是在这些方面我并不擅长。 除此之外,我已经搜索了很长一段时间,但是找不到能帮助我使用现有代码的任何东西。 ...

6 使用awk / grep从数据库中提取#,过滤

我有一个大型制表符分隔的数据库,看起来像: 我正在尝试使用awk或grep仅保留OCCURENCE&gt; = 3的行(是的,它在整个数据库中拼写错误!),但是我似乎无法弄清楚如何最好地分割/扫描第六列... ...

7 我希望能够在我的 firebase 数据库中获取自动生成的 id 子值并在函数中使用它们

为清楚起见,这就是我指的 Firebase 中自动生成的 id 的意思: 我正在使用 React Native 和 Firebase 数据库。 目的是更新所选帖子的字段。 我已经通过导航传递了帖子字段的值,并想在我的“更新帖子”屏幕中调用 Firebase 更新函数。 这是编辑屏幕。 参数成功 ...

10 用C#构建框架希望能够将对象保存到数据库中

这比设计/最佳实践更多。 技术解决方案受到赞赏,但我在想更多的方法论。 我正在建立一个.net框架。 该框架旨在用于可能以不同方式(SQL,MySql,Oracle,文件系统等)存储数据的各种应用程序 该框架的目的是处理特定的业务逻辑和交互。 我希望该框架能够保存各种对象, ...

2013-05-16 14:15:32 2 126   c#
暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2022 STACKOOM.COM