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 vote397 views1 answer
Get id button clicked react
Javascript React
4 votes380 views2 answers
HandleClick react
Javascript React
0 vote399 views3 answers
Place footer at the bottom of the page react
Javascript React
1 vote386 views1 answer
Tab navigation react-native without title
Javascript React
5 votes400 views1 answer
React native break line text if too big
Javascript React
0 vote357 views1 answer
Making all makers to show in react native map
Javascript React
1 vote393 views1 answer
How to call create react app
Javascript React
38 votes387 views2 answers
How to comment out code in react js
Javascript React
113 votes452 views6 answers
How to create a new react app
Javascript React
5 votes395 views1 answer
React-select
Javascript React