antd父组件获取类组件的mobx
时间: 2023-09-16 19:12:18 浏览: 90
react写一个select组件的实现代码
要获取类组件的mobx,需要在父组件中引入该类组件,并通过ref属性获取该类组件的实例,然后访问该实例的mobx属性。
例如,假设我们有一个类组件Counter和一个父组件App,Counter中有一个名为count的mobx,我们可以在App中这样获取Counter的mobx:
```
import React from 'react';
import { observer } from 'mobx-react';
import Counter from './Counter';
@observer
class App extends React.Component {
constructor(props) {
super(props);
this.counterRef = React.createRef();
}
handleClick = () => {
const counterMobx = this.counterRef.current.count;
console.log(counterMobx);
}
render() {
return (
<div>
<Counter ref={this.counterRef} />
<button onClick={this.handleClick}>获取Counter的mobx</button>
</div>
);
}
}
export default App;
```
在上面的代码中,我们通过React.createRef()创建了一个名为counterRef的引用,将其传递给Counter组件的ref属性,然后在handleClick方法中获取Counter实例的count属性,即可访问Counter的mobx。注意,因为Counter是一个类组件,我们需要使用@observer将其转换为mobx观察者。
阅读全文