使用react将数组中的每个元素与state进行比较

import React, { useState } from 'react';

function MyComponent() {
  const [compareValue, setCompareValue] = useState('');

  // 其他组件代码...

  return (
    // JSX代码...
  );
}

import React, { useState } from 'react';

function MyComponent() {
  const [compareValue, setCompareValue] = useState('');
  const myArray = ['element1', 'element2', 'element3'];

  // 其他组件代码...

  return (
    <div>
      {myArray.map((element, index) => (
        <div key={index}>
          {element === compareValue ? 'Match' : 'No match'}
        </div>
      ))}
    </div>
  );
}

import React, { useState } from 'react';

function MyComponent() {
  const [compareValue, setCompareValue] = useState('');
  const myArray = ['element1', 'element2', 'element3'];

  const handleInputChange = (event) => {
    setCompareValue(event.target.value);
  };

  return (
    <div>
      <input type="text" value={compareValue} onChange={handleInputChange} />
      {myArray.map((element, index) => (
        <div key={index}>
          {element === compareValue ? 'Match' : 'No match'}
        </div>
      ))}
    </div>
  );
}