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 vote183 views1 answer
OAuth with axios react native
Javascript React
1 vote146 views1 answer
Programmatic title react
Javascript React
25 votes160 views2 answers
You are running `create-react-app` 4.0.3, which is behind the latest release (5. 0.0).
Javascript React
3 votes151 views1 answer
Latest react version npm
Javascript React
0 vote189 views1 answer
How to pass an id to the route of a seprate file react
Javascript React
0 vote135 views2 answers
Capitalize each word from string in react
Javascript React
0 vote153 views2 answers
React generate component command
Javascript React
0 vote148 views1 answer
How to replace strings with react components
Javascript React
0 vote278 views1 answer
Setstate to false after 10 sec react native
Javascript React
4 votes95 views1 answer
Get width of screen react
Javascript React