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

5 votes153 views1 answer
React code splitting (component based)
Javascript React
0 vote152 views1 answer
Express react docker container example
Javascript React
1 vote164 views1 answer
Set Custom User Agent react
Javascript React
1 vote169 views1 answer
Reactjs cloudflare
Javascript React
0 vote176 views1 answer
Multilone input react
Javascript React
0 vote176 views1 answer
Dlowlad the json fiel in react js pretty formate
Javascript React
0 vote156 views1 answer
To do list app react code
Javascript React
13 votes152 views1 answer
React post request
Javascript React
18 votes168 views3 answers
How to setup tailwind for reactjs
Javascript React
59 votes162 views3 answers
Npm react router dom
Javascript React