props-state-preact.js

import { h, render, Component } from "preact"

class Title extends Component {
  state = {
    defaultName: 'Isac'
  }

  render({ name }, { defaultName }) {
    return <h1 class='title'>{name || defaultName}</h1>
  }
}

class App extends Component {
  render() {
    return <Title name='Isac Jr' />
  }
}