Cacher is the code snippet organizer for pro developers

import React from 'react';
import ReactDOM from 'react-dom';

class RedditForm extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      subreddit: ''
    }
    this.handleSearchChange = this.handleSearchChange.bind(this);
  }

  handleSearchChange(e) {
    console.log('changed');
    this.state.subreddit = e.target.value;
  }
  
  componentDidUpdate() {
    console.log('UPDATE!!', this.state);
  }

  render() {
    return (
      <form>
        <input 
          type='text' 
          name='subreddit'
          placeholder='enter a subreddit' 
          value={this.state.subreddit}
          onChange={this.huhwtf?}
          />

      </form>
    )
  }
}

class App extends React.Component {
  constructor(props) {
    super(props);
  }

  render() {
    return (
      <div>
        <h1>Reddit Form</h1>
        <RedditForm />
      </div>
    )
  }
}

const container = document.createElement('div');
document.body.appendChild(container);
ReactDOM.render(<App />, container, function() {
  console.log('should render');
})