This repository was archived by the owner on Jun 28, 2021. It is now read-only.
This repository was archived by the owner on Jun 28, 2021. It is now read-only.
Open
Description
After changing the value of the button, the ripple effect stops working:
import * as MDL from "react-mdl";
const { Button } = MDL;
class App extends React.Component {
constructor() {
super();
this.state = { a: true };
this.onBtnClick = this.onBtnClick.bind(this);
}
onBtnClick() {
//this.setState({ a: !this.state.a });
setTimeout(() => this.setState({ a: !this.state.a }), 100);//delay for drawing ripple effect
}
render() {
return <div>
<Button ripple style={{backgroundColor:"lightgreen"}} onClick={this.onBtnClick}>{this.state.a ? "1" : "2"}</Button>
</div>;
}
}Metadata
Metadata
Assignees
Labels
No labels