# code-block-pro/1.27.2/build/shiki/samples/jsx.sample

Code Block Pro – Beautiful Syntax Highlighting, version 1.27.2. 31 lines.

- Page: https://pluginprobe.com/plugins/code-block-pro/1.27.2/code/build/shiki/samples/jsx.sample
- Raw: https://pluginprobe.com/plugins/code-block-pro/1.27.2/raw/build/shiki/samples/jsx.sample
- Modified: 2023-09-03T01:04:34+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/code-block-pro/1.27.2/code/build/shiki/samples/jsx.sample#L10-L20`.

```
function Item({ name, isPacked }) {
  if (isPacked) {
    return null;
  }
  return <li className="item">{name}</li>;
}

export default function PackingList() {
  return (
    <section>
      <h1>Sally Ride's Packing List</h1>
      <ul>
        <Item
          isPacked={true}
          name="Space suit"
        />
        <Item
          isPacked={true}
          name="Helmet with a golden leaf"
        />
        <Item
          isPacked={false}
          name="Photo of Tam"
        />
      </ul>
    </section>
  );
}

// From https://react.dev/learn/conditional-rendering

```