javascript 反应组件创建

Posted 2021-05-03

// CLASS
const styles = {
  someClass: {
    color: '#000',
    '&:hover': {
      color: '#404040',
      cursor: 'pointer'
    }
  }
};

class PatientProfile extends Component {
  constructor (props) {
    super(props);
    this.state = {
      value: 0
    };
  }
  
  someFunction = () => {
    this.props...
  }
  
  render() {
    const { value, classes } = this.props;
  
    return (
      <Button onClick={this.someFunction} className={classes.someClass}>
        Some action
      </Button>
    }
}

export default withStyles(styles)(PatientProfile);
// FUNCTION