Mastering React's Stable Values - inline-jsx.tsx

inline-jsx.tsx

function Overview() {
  const [showMore, toggleShowMore] = useReducer(false, state => !state);

  let details: JSX.Element
  if (showMore) {
    details = (<>
        <Details />
        <Button onPress={toggleShowMore}>Hide Details</Button>
      </>);
  }
  else {
    details = <Button onPress={toggleShowMore}>Show Details</Button>;
  }

  return ... {details} ...
}