Function createEq

Accepts a value and returns a function that will compare against it.

Remarks

This function is useful within React components to keep your code looking clean when a value must be compared against multiple times.

Example

Basic Usage

type Props = { status?: 'stale' | 'pending' | 'fulfilled' }

const Component = (props: React.PropsWithChildren<Props>) => {
   const { status } = props
   const isStatus = createEq(status)

   // no longer need to write `status === '...'` multiple times
   if (isStatus('stale')) {
      return <div>Stale</div>
   }
   if (isStatus('pending')) {
      return <div>Pending</div>
   }
   if (isStatus('fulfilled')) {
      return <div>Fulfilled</div>
   }
   return null
}
Copy