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

1 vote269 views1 answer
Node sass version react
Javascript React
9 votes248 views1 answer
Create react app in existing folder
Javascript React
1 vote211 views1 answer
Difference between dom and react dom
Javascript React
0 vote209 views1 answer
Strike react native
Javascript React
21 votes211 views4 answers
Setinterval react
Javascript React
0 vote214 views1 answer
Import Bootstrap to React Redux CRUD App
Javascript React
0 vote246 views1 answer
My env.local file not working in my react app usind mac
Javascript React
1 vote206 views1 answer
When i go srource in react app in chrome i see my files
Javascript React
7 votes232 views6 answers
Shadow generator react native
Javascript React
1 vote270 views1 answer
How to store array into react-native local storage
Javascript React