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

3 votes237 views1 answer
React router Link does work
Javascript React
7 votes236 views2 answers
Pass props in react
Javascript React
2 votes229 views2 answers
Horizontal divider react native
Javascript React
6 votes242 views1 answer
What is key in react
Javascript React
9 votes230 views6 answers
How to check react version
Javascript React
2 votes240 views1 answer
React-moralis
Javascript React
0 vote213 views1 answer
React google login button size increase
Javascript React
0 vote226 views1 answer
React s.a.createElement("div",{className:"d-none d-lg-flex flex-content"},s.a.createElement(u.a.Body,{noScroll:!0}
Javascript React
8 votes251 views1 answer
React.Fragmen
Javascript React
3 votes224 views1 answer
React on hover reveal
Javascript React