javascript - 如何在没有按钮外观的情况下单击按钮？

Question

我正在使用 React 作为按钮。我希望它看起来不像一个按钮。有什么办法让它成为一个可点击的 div 而没有按钮外观吗？这是我的代码:

<div style={styles.header}>
    <Button.Group >
        <Button onClick={this.refreshMyStuff}> Refresh </Button>
    </Button.Group>
</div>

Answer 1

给你:

class App extends React.Component {
  constructor() {
    super();
    this.handleClick = this.handleClick.bind(this);
  }

  handleClick() {
    console.log('clicked');
  }
  
  render() {
    return ( 
          <div className="button" onClick={this.handleClick}>Click me</div>
    );
  }
}

ReactDOM.render( <
  App / > ,
  document.getElementById('root')
);

.button {
  border: 1px solid red;
  width: 100px;
}

<script src="https://unpkg.com/react@16/umd/react.development.js" crossorigin></script>
<script src="https://unpkg.com/react-dom@16/umd/react-dom.development.js" crossorigin></script>
<div id="root" />