我需要將基于類的組件轉(zhuǎn)換為基于函數(shù)的組件。轉(zhuǎn)換此代碼后，我收到編譯錯誤，因為“filterText”被分配了一個值但從未使用過 no-unused-vars “inStockOnly”被分配了一個值但從未使用過 no -未使用的變量無法確定我哪里出錯了。基于類的代碼是import React, { Component } from 'react';class SearchBar extends Component {  constructor(props) {    super(props);    this.handleFilterTextChange = this.handleFilterTextChange.bind(this);    this.handleInStockChange = this.handleInStockChange.bind(this);  }    handleFilterTextChange(e) {    this.props.onFilterTextChange(e.target.value);  }    handleInStockChange(e) {    this.props.onInStockChange(e.target.checked);  }    render() {    return (      <form>        <input          type="text"          placeholder="Search..."          value={this.props.filterText}          onChange={this.handleFilterTextChange}        />        <p>          <input            type="checkbox"            checked={this.props.inStockOnly}            onChange={this.handleInStockChange}          />          {' '}          Only show products in stock        </p>      </form>    );  }}export default SearchBar;更改為基于以下功能：import React, { useState } from 'react';function SearchBar(props){    const [filterText,setOnFilterTextChange] = useState('');  const [inStockOnly,setOnInStockChange] = useState(false);            const handleFilterTextChange=(e)=> {    setOnFilterTextChange(e.target.value);  }    const handleInStockChange=(e)=> {    setOnInStockChange(e.target.checked);  }        return (      <form>        <input          type="text"          placeholder="Search..."          value={props.filterText}          onChange={handleFilterTextChange}        />        <p>          <input            type="checkbox"            checked={props.inStockOnly}            onChange={handleInStockChange}          />          {' '}          Only show products in stock        </p>      </form>    );  }export default SearchBar;