How can I change a property in a stateless component?

I have a stateless component: <Button fired={fired} onClick={() => setState('fired': true)} /> how can I change fired property when I click on the button?

[arunoda]

May be we need to have some kind of reactive variables where we can change values. How about this:

{ storiesOf, ReactiveVar } from '@kadira/storybook';

const fired = new ReactiveVar(false);

storiesOf('Button')
  .add('simple-button', () => {
    <Button fired={fired.get()} onClick={fired.set(!fired.get())} />
  })

Once you set the value, the related story will get re-rendered again. This can be even built completely outside of @kadira/storybook if we expose an API to reload the story.

[jdelStrother]

Maybe wrap your button in a stateful component? eg:

const ButtonWrapper = React.createClass({
  render() {
     return <Button fired={fired} onClick={() => setState('fired': true)} />
  }
})

storiesOf('button', module)
  .add('', () => (<ButtonWrapper/>)