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;