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 votes187 views2 answers
React navigation header transparent
Javascript React
0 vote257 views1 answer
React native firebase
Javascript React
0 vote237 views1 answer
Hide component blur react hooks
Javascript React
0 vote243 views1 answer
React input value set state on change
Javascript React
0 vote271 views1 answer
React sticky hook
Javascript React
0 vote254 views1 answer
Enzyme-adapter-react-17
Javascript React
1 vote246 views1 answer
Using React useRef hook to focus input field on button click
Javascript React
98 votes260 views2 answers
Add bootstrap to react,.........,,,,
Javascript React
64 votes233 views6 answers
Router react
Javascript React
0 vote235 views1 answer
React native multiple touchableopacity
Javascript React