反应引导覆盖rootclose不工作

Question

我遵循完全相同的样式作为引导网站，并在网站上的覆盖范例，当我试图添加rootclose时，它不能正常工作（覆盖不忽略点击其他屏幕的地方），并为我自己的工作

const Example = React.createClass({ 
    getInitialState() { 
    return { show: true }; 
    }, 

    toggle() { 
    this.setState({ show: !this.state.show }); 
    }, 

    render() { 
    const style = { 
     position: 'absolute', 
     backgroundColor: '#EEE', 
     boxShadow: '0 5px 10px rgba(0, 0, 0, 0.2)', 
     border: '1px solid #CCC', 
     borderRadius: 3, 
     marginLeft: -5, 
     marginTop: 5, 
     padding: 10 
    }; 

    return (
     <div style={{ height: 100, position: 'relative' }}> 
     <Button ref="target" onClick={this.toggle}> 
      I am an Overlay target 
     </Button> 

     <Overlay 
      show={this.state.show} 
      onHide={() => this.setState({ show: false })} 
      placement="right" 
      container={this} 
      rootclose 
      target={() => ReactDOM.findDOMNode(this.refs.target)} 
     > 
      <div style={style}> 
      <strong>Holy guacamole!</strong> Check this info. 
      </div> 
     </Overlay> 
     </div> 
    );`enter code here` 
    } 
}); 

ReactDOM.render(<Example/>, mountNode); 

Answer 1

Camelcase it。并提供布尔值。

rootClose={true}