javascript 钩子很简单

Posted 2021-05-03

import React, { Component } from 'react';

class App extends Component {
  state = { resource: 'posts' };

  render() {
    return (
      <div>
        <div>
          <button onClick={() => this.setState({ resource: 'posts' })}>
            Posts
          </button>
          <button onClick={() => this.setState({ resource: 'todos' })}>
            Todos
          </button>
        </div>
        {this.state.resource}
      </div>
    );
  }
}

export default App;

import React, { useState } from 'react';

const App = () => {
  const [resource, setResource] = useState('posts');

  return (
    <div>
      <div>
        <button onClick={() => setResource('posts')}>Posts</button>
        <button onClick={() => setResource('todo')}>Todos</button>
      </div>
      {resource}
    </div>
  );
};

export default App;