如何調用該陣營組件的方法在外部腳本

Question

我想在外部腳本調用，或控制檯作出反應方法

的組件我試圖這樣做

componentDidMount(){ 
    window.mwap = this; 
} 

但沒有用

enter image description here

請幫我

Answer 1

ReactDOM.render()返回值實際上是組件的安裝實例：

class Counter extends React.Component { 
 
    
 
    constructor(props) { 
 
    super(props); 
 
    this.state = { 
 
     count: 0 
 
    }; 
 
    } 
 
    
 
    inc() { 
 
    this.setState({count: this.state.count + 1}); 
 
    } 
 
    
 
    render() { 
 
    return (
 
     <div> 
 
      Count: {this.state.count} 
 
     </div> 
 
    ) 
 
    } 
 
} 
 

 
const instance = ReactDOM.render(
 
    <Counter />, 
 
    document.getElementById('app') 
 
); 
 

 
instance.inc();

<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react.min.js"></script> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react-dom.min.js"></script> 
 

 
<div id="app"></div>

如果您需要訪問深度嵌套的組件，這是一個有點難度，但這應該讓你開始。