FLow

Type for data-qa attributes

Example:

type PropsT = {|
  value: ?string,
  onChange: (value: string) => void,
  'data-qa'?: string,
|}

Concept of ApiPropsT and PropsT

An ApiPropsT represents props that are being passed to the React component. A PropsT represents props that are being created inside the React component.

PropsT usually contains spread of ApiPropsT.

Example:

type ApiPropsT = {|
  onChange: (user: UserT) => void,
  user: UserT,
  userEndpoint: string,
  registration: boolean,
|}

type PropsT = {|
  ...ApiPropsT,

  style: StyleT,
|}

function UserDetails({
  user,
  style,
  registration,
  userEndpoint,
  onChange,
}: PropsT) {
  // hooks and state values

  return (/* some JSX*/)

})

Last updated

Was this helpful?