小编Gih*_*ana的帖子

如何创建React搜索过滤器以搜索多个对象键值

我想为我的数据数组创建一个搜索过滤器。它具有多个对象和键,例如:

[
    {
        "fname": "Jayne",
        "lname": "Washington",
        "email": "jaynewashington@exposa.com",
        "gender": "female"
    },
    {
        "fname": "Peterson",
        "lname": "Dalton",
        "email": "petersondalton@exposa.com",
        "gender": "male"
    },
    {
        "fname": "Velazquez",
        "lname": "Calderon",
        "email": "velazquezcalderon@exposa.com",
        "gender": "male"
    },
    {
        "fname": "Norman",
        "lname": "Reed",
        "email": "normanreed@exposa.com",
        "gender": "male"
    }
]
Run Code Online (Sandbox Code Playgroud)

我想要搜索过滤器搜索此数组上的任何地方。例如:当我输入框时,我想搜索对象内的任何地方。像fname,lname,email,gender

我该怎么做?请帮我

如果我只想限制姓和名的搜索,该怎么做?

javascript loops reactjs

6
推荐指数
1
解决办法
8153
查看次数

如何在 react-router-dom v4.2.2 中获取当前路由

我想在基于流星的反应项目中获取当前路线路径,我想在外部创建登录页面..我该怎么做?这是我的源代码

客户端/main.jsx

import React from "react";
import {meteor} from "meteor/meteor";
import {render} from "react-dom";
import {
    BrowserRouter as Router,
    Route
} from "react-router-dom"


import "./main.css";
import "../imports/ui/stylesheets/main.scss";

import Main from "../imports/ui/Main";


Meteor.startup(() => {
    return render((
        <Router>
            <Main/>
        </Router>
    ), document.getElementById("app-root"));
});
Run Code Online (Sandbox Code Playgroud)

用户界面/main.jsx

import React, {Component} from "react";
import Link, {withRouter} from "react-router-dom"
import PropTypes from "prop-types";


/*@import Templates*/
import Sidebar from "./components/sidebar";

class Main extends Component {

    render() {

        return (
            <div className="container-fluid">
                <Sidebar/>
                //want current location path for …
Run Code Online (Sandbox Code Playgroud)

routes reactjs react-router meteor-react

2
推荐指数
1
解决办法
1万
查看次数

标签 统计

reactjs ×2

javascript ×1

loops ×1

meteor-react ×1

react-router ×1

routes ×1