How to make the correct checkbox filter logic?

Question

JavaScript

Dear programmers need help to make correct CODE filter logic

Answer 1

Yes, everything is already done. You just need to cut out the excess. Why does the SidebarItem component pull something from redux? No need. Its task is to show the checkbox in the specified state, set the event handler passed from the parent. Everything:

export default ({ filter, checked, onChange, children }) => (
  <div>
    <label>
      <input
        type="checkbox"
        name={filter}
        onChange={() => onChange(filter)}
        checked={checked}
      />
      {children}
    </label>
  </div>
);