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 vote136 views1 answer
Divide string in lines react native max width
Javascript React
-2 votes148 views1 answer
How to identify debug and release build in react native
Javascript React
0 vote154 views1 answer
TrackPromise React
Javascript React
0 vote148 views1 answer
ERROR in ./node_modules/react-icons/all.js 4:0-22
Javascript React
31 votes164 views1 answer
Install react router dom and save
Javascript React
0 vote168 views1 answer
React set multible attribute values
Javascript React
19 votes156 views6 answers
React native build android apk
Javascript React
0 vote150 views1 answer
React axios get cookie from response
Javascript React
2 votes152 views2 answers
Add 2 class names react
Javascript React
0 vote147 views1 answer
Svg as a component react
Javascript React