如何在react native中禁用数组筛选器响应值之后的按钮

import React, { useState } from 'react';
import { View, Button } from 'react-native';

const MyComponent = () => {
  const [isButtonDisabled, setIsButtonDisabled] = useState(false);

  // 其他代码...

  return (
    <View>
      {/* 其他组件... */}
      <Button
        title="按钮"
        disabled={isButtonDisabled}
        onPress={() => {
          // 按钮点击事件处理逻辑...
        }}
      />
    </View>
  );
};

export default MyComponent;

import React, { useState, useEffect } from 'react';
import { View, Button } from 'react-native';

const MyComponent = () => {
  const [isButtonDisabled, setIsButtonDisabled] = useState(false);
  const [filterValue, setFilterValue] = useState('');

  useEffect(() => {
    // 筛选器响应值变化时的逻辑...
    if (filterValue === '某个特定值') {
      setIsButtonDisabled(true);
    } else {
      setIsButtonDisabled(false);
    }
  }, [filterValue]);

  // 其他代码...

  return (
    <View>
      {/* 其他组件... */}
      <Button
        title="按钮"
        disabled={isButtonDisabled}
        onPress={() => {
          // 按钮点击事件处理逻辑...
        }}
      />
    </View>
  );
};

export default MyComponent;