Type Alias RenderInstancesProps

Optionalchildren

function MyComponent(props) {
  return (
    <RenderInstances instances={props.children}>
      {(options) => (
        <Fragment>
          <div>{options.visibleInstances.length} Entries</div>

          <ul>
            {options.visibleInstances.map((item) => (
              <li>{item.render()}</li>
            ))}
          </ul>
        </Fragment>
      )}
    </RenderInstances>
  );
}
Copy

instances

Optionallimit

Optionalrender

• render?(options: RenderInstancesRenderOptions): ReactNode

  Can be used to customize rendering of each instance.

  render will be called for each visible instance.

  Parameters

  • options: RenderInstancesRenderOptions

  Returns ReactNode

  Example

  Render instances as a <ul>.

  function MyComponent(props) {
    return (
      <ul>
        <RenderInstances
          instances={props.children}
          render={(options) => <li key={options.key}>{options.render()}</li>}
        />
      </ul>
    );
  }
  Copy