Derived state

rendrinimo metu suskaičiuojamas parametras - const isEven = count % 2 === 0, vengiant beraikalo naudoti useState

import { useState } from 'react'
export default function Counter() {
  const [count, setCount] = useState(0)

  function handleClick() {
    const newCount = count + 1
    setCount(newCount)
  }

  // this is the derived state
  const isEven = count % 2 === 0

  return (
    <div>
      <p>{count}</p>
      <p>{isEven ? 'Even': 'Odd'}</p>
      <button onClick={handleClick}>Increment</button>
</div>

Dar pvzd:

function App() {
  const [query, setQuery] = useState('')
  const words = query.split(' ')

  const dogChecked = words. includes ('dog')
  const catChecked = words. includes ('cat')
  const caterpillerChecked = words. includes ('caterpiller')