Question

更新：我发现ModalTrigger已被弃用：1b1af04 [已更改]已弃用

现在我正在调查此事。

我遇到了react-bootstrap ModalTrigger的问题。以下使用工作但升级到
后 “react-bootstrap”：“^ 0.25.1”，
“反应”：“^ 0.13.3”，

我收到以下错误：Uncaught TypeError：无法读取未定义的属性'toUpperCase'

你知道为什么吗？

export default class Test extends React.Component {

    constructor(props) {    
      super(props);
      this.close = this.close.bind(this);
    }

  close(){
    this.setState({ showModal: false });
  }

    render() {

      var mymodal = ( 
        <Modal show={true} onHide={this.close}>
          <Modal.Header closeButton>
            <Modal.Title>Modal heading</Modal.Title>
          </Modal.Header>
          <Modal.Body>
            <h4>Text</h4>
          </Modal.Body>
          <Modal.Footer>
            <Button onClick={this.close}>Close</Button>
          </Modal.Footer>
        </Modal>
      )

        return (
        <Table striped bordered condensed hover>
          <thead>
            <tr>
              <th>
                <ModalTrigger key='modalinput' modal={mymodal}>

                  <Button style={buttonStyle}>
                    <span className="glyphicon glyphicon-plus" aria-hidden="true"></span>
                  </Button>

                </ModalTrigger>
              </th>
              <th>X</th>
              <th>Y</th>
            </tr>
          </thead>
          <tbody>


          </tbody>
        </Table>
        );

    } // Render

  }; // Component

Answer 1

不推荐使用ModalTrigger，您现在只需使用Modal：

ModalTrigger：未捕获的TypeError：无法读取未定义的属性'toUpperCase'

1 个答案: