Можна пошукати приклади тут https://devhints.io/react. Але найтиповіші задачі

1. створити компонент

import React from 'react'


export default class Hello extends React.Component {
  state = {text: 'Hello'}
  render () {
    return <div className='message-box'>
      {this.state.text} {this.props.name}
    </div>
  }
}

2. Викликати компонент

<Hello name="Ivan" />

3. Компонент, що рендерить список

import React from 'react'

export default class List extends React.Component {
  state = {
    array: [
      {id: 1, value: 'X'},
      {id: 2, value: 'Y'}
    ]
  }
  
  render () {
    return <div>
      {this.state.array.map(el => (
        <div key={el.id}>{el.value}</div>
      ))}
    </div>
  }
}

4. Компонент з обробником кліку

import React from 'react'

export default class Counter extends React.Component {
  state = {
    value: 0
  }
  
  handleClick = (event) => {
    this.setState({value: this.state.value + 1})
  }
  
  render () {
    return <div>
      {this.state.value}
      
      <button onClick={this.handleClick}>add one</button>
    </div>
  }
}

4. Компонент з текстовим полем

import React from 'react'

export default class TextInput extends React.Component {
  state = {
    text: ''
  }
  
  handleChange = (event) => {
    this.setState({text: event.target.value})
  }
  
  render () {
    return <div>
      Text is: {this.state.text}
  
      <br/>
  
      <input
        type='text' 
        value={this.state.text}
        onChange={this.handleChange}
       />
    </div>
  }
}