import React from "react";
class Main extends React.Component {
constructor(props){
super(props);
this.state = {
divStyle: {
width:"1000px",
height: "500px",
outline: "1px solid red"
},
move: {
width:"200px",
height:"100px",
outline: "1px solid green"
}
}
}
MouseDown(e){
console.log(this.ourDiv);
}
render() {
return(
<div>
<div style={this.state.divStyle}>
<div style={this.state.move} onClick ={this.MouseDown} ref={(ourDiv)=> this.ourDiv = ourDiv}></div>
</div>
</div>
)
}
}
export default Main;
handleClick => e {
console.log(this.ourDiv);
};<div
style={this.state.move}
onClick ={() => this.handleClick()}
ref={ourDiv => this.ourDiv = ourDiv}
></div>this будет равен undefined. Подробнее можно почитать здесь.onClick = (e) => {
console.log(this.ourDiv);
}constructor(props){
super(props);
//...
this.onClick = this.onClick.bind(this);
}render:<div onClick={() => this.onClick()}/>
Простой
Простой
Простой
Средний
