Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Allow render props as custom status, instead of only string

See original GitHub issue

Use Case:

want

<div className='imageCount>
      <i className='icon-camera'  />
      <p>{`${current} / ${total}`}</p>
 </div>

as the status of the carousel, but with current behaviour this isn’t possible, except by using css to absolute position said icon inline with where the library currently places the status indicator string.

Issue Analytics

State:
Created 3 years ago
Comments:7

Top GitHub Comments

1reaction

kes3583commented, Aug 21, 2022

I also need that statusFormatter allow React Node not only string.

0reactions

GeorgeWLcommented, Jul 8, 2022

not stale

Top Results From Across the Web

How To Customize React Components with Props

In this tutorial, you'll create custom components by passing props to your component. Props are arguments that you provide to a JSX element....

How to validate React props using PropTypes - LogRocket Blog

Learn how to validate props with React PropTypes, React's internal mechanism for adding type checking to component props.

Typechecking With PropTypes - React

To run typechecking on the props for a component, you can assign the special propTypes property: import PropTypes from 'prop-types'; class Greeting extends ......

only allow children of a specific type in a react component

Utilize the built-in PropTypes.arrayOf() instead of looping over children; Check the child type via propValue[key].type !== Card in a custom ...

Using custom hooks in place of "render props"

A component with a render prop takes a function that returns a React element and calls it instead of implementing its own render...