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 vote127 views1 answer
React interactions
Javascript React
0 vote133 views1 answer
. What is the use of the return function in the React Native Framework?
Javascript React
0 vote120 views1 answer
Input hook react
Javascript React
0 vote120 views1 answer
Render(<App />); const linkElement = screen.getByText(/learn react/i); expect(linkElement).toBeInTheDocument();
Javascript React
0 vote124 views3 answers
Paypal react native
Javascript React
0 vote135 views1 answer
How to get css property of div after rendering in react js
Javascript React
5 votes136 views3 answers
How to open a new tab in react
Javascript React
0 vote126 views1 answer
When an aqueous solution of AgNO3 is mixed with an aqueous solution of (NH4)2CrO4, a precipitation reaction occurs. For this reaction, a) Write the molecular equation.
Javascript React
0 vote136 views1 answer
What was the reaction of others bostonh tea party
Javascript React
0 vote147 views1 answer
Cookies in react native
Javascript React