# MemberExpression

Create a member expression from parts. Each part can provide one of the following:

* **id**: The identifier for the member expression part \* **refkey**: a refkey for a symbol whose name becomes the identifier \* **symbol**: a symbol whose name becomes the identifier part \* **args**: create a method call with the given args \* **children**: arbitrary contents for the identifier part \* **await**: whether to await the value that results from this part of the member expression

Each part can have a nullish prop, which indicates that the part may be null or undefined.

Each part can also have a quoteId prop, which indicates that the identifier of the part should be quoted (i.e. `["foo"]` instead of `.foo`). This is only necessary when providing the children prop, otherwise it is determined automatically.

* jsx

  ```tsx
  import { MemberExpression } from "@alloy-js/typescript";


  <MemberExpression >
    {children}
  </MemberExpression>
  ```

* stc

  ```ts
  import { MemberExpression } from "@alloy-js/typescript/stc";


  MemberExpression({  }).children(children)
  ```

## Props

|          |                                           |   |
| -------- | ----------------------------------------- | - |
| children | [Children](../../../core/types/children/) |   |

## Example

```tsx
<MemberExpression>
  <MemberExpression.Part id="base" />
  <MemberExpression.Part refkey={rk} nullish />
  <MemberExpression.Part symbol={sym} />
  <MemberExpression.Part args={["hello", "world"]} />
  <MemberExpression.Part>SomeValue</MemberExpression.Part>
</MemberExpression>
```

Assuming `rk` is a refkey to a symbol name “prop1”, and `sym` is a symbol with a name of “prop2”, this will render:

```ts
base.prop1?.prop2("hello", "world").SomeValue
```