ArrowFunction

A TypeScript arrow function expression.

jsx

import { ArrowFunction } from "@alloy-js/typescript";

<ArrowFunction
  async
  parameters={ParameterDescriptor[] | string[]}
  parametersChildren={Children}
  returnType={Children}
  typeParameters={TypeParameterDescriptor[] | string[]}
  typeParametersChildren={Children}
>
  {children}
</ArrowFunction>

stc

import { ArrowFunction } from "@alloy-js/typescript/stc";

ArrowFunction({
  async: boolean,
  parameters: ParameterDescriptor[] | string[],
  parametersChildren: Children,
  returnType: Children,
  typeParameters: TypeParameterDescriptor[] | string[],
  typeParametersChildren: Children,
}).children(children)

Props

async	optionalboolean
children	optionalChildren
parameters	optionalParameterDescriptor[] | string[] The parameters to the function. Can be an array of strings for parameters which don’t have a type or a default value. Otherwise, it’s an array of ParameterDescriptors.
parametersChildren	optionalChildren Raw content to be used as the parameter list.
returnType	optionalChildren The return type of the function.
typeParameters	optionalTypeParameterDescriptor[] | string[] The type parameters for the function. Can be an array of strings for type parameters which don’t have any constraints or a default type, otherwise it’s an array of TypeParameterDescriptors.
typeParametersChildren	optionalChildren Raw content to be used as the type parameter list.

Remarks

Providing parameters and type parameters can be accomplished in one of three ways:

1. As an array of ParameterDescriptors or TypeParameterDescriptors.
2. As raw content via the parametersChildren or typeParametersChildren props.
3. As a child of this component via the [unresolved link] or [unresolved link] components.

Example

<FunctionExpression async parameters={[{ name: "a", type: "number" }, { name: "b", type: "number" }]}>
  return a + b;
<FunctionExpression>

renders to

async (a, b) => { return a + b; }