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 vote402 views1 answer
What was the reaction of others bostonh tea party
Javascript React
2 votes377 views1 answer
If back react
Javascript React
23 votes401 views5 answers
USE ICONS IN REACT
Javascript React
0 vote398 views2 answers
Hide screen links in drawerNavigation in react native
Javascript React
-1 vote380 views1 answer
How to load the images from the website dynamically in react
Javascript React
0 vote405 views1 answer
Open sans font react js
Javascript React
0 vote394 views1 answer
React export multiple component from index.js
Javascript React
0 vote375 views1 answer
Module not found: Can't resolve '@date-io/date-fns' in 'C:\Users\61455\Documents\React apps\mya2o\src\pages'
Javascript React
0 vote401 views1 answer
When reload the page the route gone in react js laravel
Javascript React
0 vote391 views1 answer
Npm ERR! peer react@"^15.x.x" from [email protected]
Javascript React