Replace the next button with renderNextButton func.

Right now, we can customize the button text with nextButton prop. However, if we want to replace our own button, such as material-ui, we can not put the button into that prop since we are nesting a <button /> into another <button />, It will be much better if we can add a hoc to give the ability to the user so that we can customize everything of the button and the close button.

[elrumordelaluz]

@Setsun absolutely!

This is what I working on for the next version.

Glad to know you are using for reactour for your project. Thanks for the ideas!

[setsun]

This is something I also need for a project I’m working on at my company. We’re maintaining an internal fork, but are looking to make a PR for an upstream change as soon as that is ready.

A potential solution is a function as child render to handle rendering the step in all cases when the internal state changes? Quick Example:

<Tour
   steps={steps}
   ...
>
{(props) => (
  <Container>
     <CustomDots step={props.stepIndex} />
     <CustomCloseButton onClick={props.onRequestClose} />
     {...}
  </Container>
)}
</Tour>