Как сделать эти функциональные компоненты классовыми?
в оба компонента переданы обьекты (деструктуриазция) и не знаю как правильно переделать компоненты
const { value, onChange, onSearch } = this.props
const data = this.props.data
а дальше всё так же, просто ретурн положить еще в render()
А зачем тебе их классовыми делать? Как бэ будущее за функциональщиной(хуки и проч).