I realize this is likely a question for stackoverflow, but I can't seem to find an answer there, and I'm at a loss. I can't get the beacon to render, if you can point out what i'm doing wrong I would be highly appreciative.
Expected behavior
upon component load if this.state.run = true, beacon should load first step
Actual behavior
no errors, but don't see a beacon anywhere
Steps to reproduce the problem
const Joyride = !!global.window && require('react-joyride').default
I realize this is likely a question for stackoverflow, but I can't seem to find an answer there, and I'm at a loss. I can't get the beacon to render, if you can point out what i'm doing wrong I would be highly appreciative.
this.state = { steps: [ { target: '.someDiv', content: 'some text', placement: 'bottom', }, ], run: true }
render(){ let { steps, run } = this.state; return( <Joyride run={this.state.run} autoStart steps={this.state.steps} styles={defaultOptions} callback={(data)=>this.handleJoyrideCallback(data)}/> } <div className='someDiv/> )}