Skip to content

sorting with rendered radio inputs doesn't display correctly #14

@drizco

Description

@drizco

This is an awesome component. But I'm having an issue when trying to use the render function to display radio inputs.

I have fields including three radio buttons that all look something like this:

    {
      name: "yes",
      displayName: "Yes",
      sortable: true,
      render: ({ record, value }) => {
        return (
          <input
            type="radio"
            name={`submission-approved-${record.uid}`}
            value="yes"
            checked={value}
            onChange={e => handleChange(e, record.uid)}
          />
        );
      }
    }

On the first render, everything is perfect. It's only after trying to sort a column that the inputs start to ignore their checked attribute. clicking a radio triggers a rerender and all inputs show correctly again. I'm stumped...

Screen Shot 2019-11-27 at 1 47 54 PM

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions