render()

in stories/CSSTransitionGroupFixture.js [36:56]

• 19 lines of code
• 1 McCabe index (conditional complexity)

  render() {
    const { items: _, description, children, ...rest } = this.props;
    // e.g. `Fade`, see where `CSSTransitionGroupFixture` is used
    const { type: TransitionType, props: transitionTypeProps } =
      React.Children.only(children);

    return (
      <StoryFixture description={description}>
        <div style={{ marginBottom: 10 }}>
          <button onClick={this.handleAddItem}>Add Item</button>{' '}
          <button onClick={this.handleRemoveItems}>Remove a few</button>
        </div>
        <TransitionGroup component="div" {...rest}>
          {this.state.items.map((item) => (
            <TransitionType {...transitionTypeProps} key={item}>
              {item}
              <button onClick={() => this.handleRemoveItem(item)}>
                &times;
              </button>
            </TransitionType>
          ))}