reactjs - 获取 TypeError : props. 搜索不是功能

Question

TypeError: props.search is not a function

我对 React 很陌生，我正在尝试创建一个“过滤器”按钮，点击它应该显示一个带有过滤器元素字段的弹​​出窗口。在所有字段中，只有一个是必填字段 - ReqTitle。填充 ReqTitle 后，当我单击“搜索”按钮时，它会引发错误 - props.search 不是函数
父代码片段:

<React.Fragment>
          <Button 
                  edge="end"
                  variant="contained"
                  color="primary" {...bindTrigger(popupState)}>
                  ☰ Filter 
          </Button>
          <Menu {...bindMenu(popupState)}>
           <Filters >  </Filters>
          </Menu>
</React.Fragment>

子代码片段:

  function data() {
    if (!Object.values(inputErrors).some(x => x)) {
      if (!Object.values(filterValues).some((x) => (x && !Array.isArray(x)) || (x && x.length > 0))) {
        setFieldRequired(true);
      } 
      else if ((filterValues.startDate && !filterValues.endDate) || (!filterValues.startDate && filterValues.endDate)) {
        setNeedBothDates(true);
      }
      else {
        props.search(filterValues);
      }
    }
  }

我还在最后附加了(并想知道这是否是导致问题的原因):

Filters.propTypes = {
  search: PropTypes.func.isRequired,
};

函数声明:

export default function Filters(props) {
  const [filterValues, setFilterValues] = useState({
    sDate: null,
    eDate: null,
    ReqTitle: "",
    eTitle: "",
    channels: [],
    countries: [],
    genres: []
  });

我还看到一条警告，指出: Prop search在 Filters 中标记为必需，但其值为 undefined

Answer 1

您没有通过名称 search 传递任何 Prop 至 <Filters />成分。此外，您已向组件添加了 prop 类型验证，这实质上意味着组件 Filters需要强制性 search支柱。传递它喜欢

<Filters
   search = {/*value to be passed*/}
/>