React filter buttons

Filter buttons react

var A = polls.filter(e => e.type === "A")
var B = polls.filter(e => e.type === "B")
var C = polls.filter(e => e.type === "C")    


function showA() {
    setfilteredPolls(A)
}

function showB() {
    setfilteredPolls(B)
}

function showC() {
    setfilteredPolls(C)
}

Source: stackoverflow.com

Filter buttons react

return (
  <div className="polls">
    <button onClick={() => showA()}>A</button>
    <button onClick={() => showB()}>B</button>
    <button onClick={() => showC()}>C</button>

    {
      filteredPolls && filteredPolls.map((poll) => (
        <div key={poll.id}>
          <PollCard poll={poll} />
          <hr style={{ opacity: '.1' }} />
        </div>

      ))
    }
  </div>
);

Source: stackoverflow.com

Similar codes

0 vote255 views3 answers
How to use keyextractor in flatlist react native
Javascript React
0 vote276 views1 answer
Setting a date range using yup on react date picker
Javascript React
9 votes312 views3 answers
React js Uncaught RangeError: Maximum call stack size exceeded
Javascript React
-1 vote290 views2 answers
React js props lara css uygulama
Javascript React
32 votes258 views4 answers
React update state array of objects
Javascript React
1 vote312 views2 answers
React-native-screens
Javascript React
1 vote287 views2 answers
'Switch' is not exported from 'react-router-dom'
Javascript React
0 vote297 views1 answer
Decrease touchableopacity in react native
Javascript React
0 vote308 views7 answers
Convert css box shadow to react native
Javascript React
0 vote310 views1 answer
React-bootstrap problem-install new version
Javascript React