Блог

Я делаю поисковый фильтр, но удар в ошибку как: srcApp.js строка 7:6: ‘searchTerm’ не определено нет-фдоон строка 7:18: ‘setSearchTerm’ не определено нет-фдоон строка 15:21: ‘setSearchTerm’ не определено нет-фдоон строки 20:21: ‘searchTerm’ не определено нет-фдоон строке 22:66: ‘searchTerm’ не определено нет-оно что-то не так с моим useState, PLS помочь мне, огромное спасибо!

Это мое App.js:

 import React, {
    useState
} from "react";
import JSONDATA from "./MOCK-DATA.json";

function App() {
    [searchTerm, setSearchTerm] = useState("")
    return ( <
            div className = "App" >
            <
            input type = "text"
            placeholder = "search for..."
            onChange = {
                event => {
                    setSearchTerm(event.target.value)
                }
            }
            />{" "} {
            JSONDATA.filter((val) => {
                if (searchTerm == "") {
                    return val
                } else if (val.first_name.toLowerCase().includes(searchTerm.toLowerCase())) {
                    return val
                }
            }).map((val, key) => {
                return <div > {
                    val.first_name
                } < /div>;
            })
        } <
        /div>
);
}
export default App;
 

Это мои МАКЕТНЫЕ ДАННЫЕ.json:

 [{
    "first_-name": "vanilla",
    "sex": "female"
}, {
    "first_name": "banilla",
    "sex": "male"
}, {
    "first_name": "hanilla",
    "sex": "female"
}, {
    "first_name": "canilla",
    "sex": "female"
}, {
    "first_name": "panilla",
    "sex": "female"
}, {
    "first_name": "sanilla",
    "sex": "female"
}, {
    "first_name": "zanilla",
    "sex": "female"
}]