搜索栏未过滤本机反应的结果

Question

Here is the text input code...

This is code is in SearchForm.js

const SearchForm = ({ params, onParamChange }) => {
  return (
    <View style={styles.container}>
      <View>
        <Text>Description</Text>
        <TextInput
          onChange={onParamChange}
          value={params.description}
          style={styles.input}
        />
      </View>
      <View>
        <Text>Location</Text>
        <TextInput
          onChange={onParamChange}
          value={params.location}
          style={styles.input}
        />
      </View>
    </View>
  );
};

This code is in App.js

I am calling the Github job api in useFetchJobs

const { jobs, loading, error, hasNextPage } = useFetchJobs(params, page);
const [params, setParams] = useState({});
function handleParamChange(e) {
    const param = e.target.name;
    const value = e.target.value;
    setPage(1);
    setParams((prevParams) => {
      return { ...prevParams, [param]: value };
    });
  }
<SearchForm params={params} onParamChange={handleParamChange} />

Can you Please tell me why it is not working

Answer 1

Changed method and the way onChange is used. Try it out once.

<View>
            <Text>Description</Text>
            <TextInput
              onChange={(e) => onParamChange('description', e)}
              value={params.description}
              style={styles.input}
            />
          </View>
          <View>
            <Text>Location</Text>
            <TextInput
              onChange={(e) => onParamChange('location', e)}
              value={params.location}
              style={styles.input}
            />
          </View>

    function handleParamChange(param, e) {
        
        const value = e.target.value;
        setPage(1);
        setParams((prevParams) => {
          return { ...prevParams, [param]: value };
        });
      }