Javascript inputSearchValue不是函数

我最近开始React，我不明白为什么它告诉我inputSearchValue函数不是函数

inputSearchValue函数用于检索用户输入的值，以创建搜索栏

这是我的密码：

App/index.js

import React, { useState } from 'react';
import 'semantic-ui-css/semantic.min.css';
import repos from 'src/data/repos';

import './style.scss';

import SearchBar from 'src/components/SearchBar';
import Message from 'src/components/Message';
import ReposResults from 'src/components/ReposResults';

const App = () => {
  const [counter, setCounter] = useState(0);

  const [posts, setPosts] = useState(repos.items);

  const [searchedValue, setSearchedValue] = useState('');

  const countResults = () => {
    const reposResults = posts.filter((post) => post);
    return reposResults.length;
  };

  const inputSearchValue = (inputValue) => {
    setSearchedValue(inputValue);
  };

  const numberOfResults = countResults(posts);

  return (
    <div className="app">
      <SearchBar
        searchedValue={searchedValue}
        listOfPosts={posts}
        changeSearchValue={inputSearchValue}
      />
      <Message counter={numberOfResults} />
      <ReposResults repos={posts} />
    </div>
  );
};

export default App;

import React，{useState}来自“React”；
导入“语义ui css/semantic.min.css”；
从“src/data/repos”导入回购协议；
导入“/style.scss”；
从“src/components/SearchBar”导入搜索栏；
从“src/components/Message”导入消息；
从“src/components/ReposResults”导入ReposResults；
常量应用=（）=>{
const[counter，setCounter]=useState（0）；
const[posts，setPosts]=使用状态（repos.items）；
const[searchedValue，setSearchedValue]=useState（“”）；
const countResults=（）=>{
const reposResults=posts.filter（（post）=>post）；
返回reposresult.length；
};
常量inputSearchValue=（inputValue）=>{
设置搜索值（输入值）；
};
const numberOfResults=countResults（posts）；
返回(
);
};
导出默认应用程序；

SearchBar/index.js

import React from 'react';
import { Input, Segment } from 'semantic-ui-react';
import img from 'src/assets/images/logo-github.png';
import PropTypes from 'prop-types';

import './style.scss';

const SearchBar = ({ searchedValue, inputSearchValue }) => (
  <div className="searchbar">
    <img src={img} alt="logo-githug" className="searchbar-img" />
    <Segment className="searchbar-segment">
      <Input
        icon="search"
        placeholder="Chercher un repos"
        iconPosition="left"
        className="searchbar-input"
        value={searchedValue}
        onSubmit={(event) => {
          inputSearchValue(event.target.value);
        }}
      />
    </Segment>
  </div>
);

SearchBar.propTypes = {
  searchedValue: PropTypes.string.isRequired,
  inputSearchValue: PropTypes.func.isRequired,
};

export default SearchBar;

从“React”导入React；
从“语义ui反应”导入{Input，Segment}；
从“src/assets/images/logo github.png”导入img；
从“道具类型”导入道具类型；
导入“/style.scss”；
常量搜索栏=（{searchedValue，inputSearchValue}）=>(
{
inputSearchValue（event.target.value）；
}}
/>
);
SearchBar.propTypes={
searchedValue:PropTypes.string.isRequired，
inputSearchValue:PropTypes.func.isRequired，
};
导出默认搜索栏；

在const SearchBar中，我使用了一个onChange事件和一个返回当前条目的函数

当我放置onSubmit事件时，我无法写入输入

更新道具名称

<SearchBar
  searchedValue={searchedValue}
  listOfPosts={posts}
  inputSearchValue={inputSearchValue}  //need to update props name
/>

您对道具的命名不同

changeSearchValue={inputSearchValue}

。这个问题不太可能对未来的读者有所帮助，因为它更像是一个“打字错误”问题，应该投票决定是否关闭。并非所有的问题都值得回答。