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

-2 votes198 views2 answers
How to play around with backend node js and frontend react
Javascript React
8 votes213 views1 answer
React hooks with objects
Javascript React
12 votes383 views1 answer
React chrome extension
Javascript React
0 vote201 views1 answer
Get nested value on object react using dot
Javascript React
-1 vote158 views1 answer
React index.js BrowserRouter
Javascript React
5 votes264 views2 answers
Import fa icons react
Javascript React
8 votes197 views2 answers
Useref in react typescrpt
Javascript React
0 vote246 views1 answer
React duration picker
Javascript React
0 vote230 views1 answer
Use this in a react js component
Javascript React
85 votes290 views3 answers
React random number
Javascript React