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 vote218 views1 answer
Reactnaviataion change title
Javascript React
1 vote224 views1 answer
External script in react
Javascript React
0 vote211 views2 answers
React import image with url
Javascript React
1 vote262 views1 answer
Angular validators number only in reactive form
Javascript React
262 votes739 views6 answers
Create a react native project
Javascript React
11 votes207 views4 answers
React native text underline
Javascript React
0 vote231 views1 answer
React native getting older version assets
Javascript React
2 votes206 views1 answer
React state object key value
Javascript React
4 votes224 views4 answers
React native android safeareaview
Javascript React
1 vote316 views5 answers
Import { useBeforeunload } from 'react-beforeunload
Javascript React