Function TableCell

starters/hooks/src/Table.tsx:134–147

({cell, state}: {cell: Node<object>; state: TableState<object>})

}

function TableCell({cell, state}: {cell: Node<object>; state: TableState<object>}) {
  let ref = useRef<HTMLTableCellElement>(null);
  let {gridCellProps} = useTableCell({node: cell}, state, ref);
  let {isFocusVisible, focusProps} = useFocusRing();
  return (
    <td
      {...mergeProps(gridCellProps, focusProps)}
      ref={ref}
      className="react-aria-Cell"
      data-focus-visible={isFocusVisible || undefined}>
      {cell.rendered}
    </td>
  );
}