📜  反应过滤器数组 - Javascript 代码示例

📅  最后修改于: 2022-03-11 15:02:49.537000             🧑  作者: Mango

代码示例5
import { useState } from "react"
2
3let numbers = [64, 84, 22, 32, 83, 65, 51, 26, 23, 56]
4function App() {
5  const [filteredNumbers, setFilteredNumbers] = useState(numbers)
6
7  const radioChangeHandler = e => {
8    const value = e.target.value
9    if (value === "even") {
10      setFilteredNumbers(
11        numbers.filter(number => {
12          if (number % 2 === 0) {
13            return true
14          }
15          return false
16        })
17      )
18    } else {
19      setFilteredNumbers(
20        numbers.filter(number => {
21          if (number % 2 !== 0) {
22            return true
23          }
24          return false
25        })
26      )
27    }
28  }
29
30  return (
31    
32

Number filtering

33 40 41 48 49
    50 {filteredNumbers.map(number => { 51 return
  • {number}
  • 52 })} 53
54
55 ) 56} 57 58export default App