attempt2.jsx

// @flow

import React from 'react';

type Props = {
  tasks: Array<Object>,
};

type State = {
  isInProgress: boolean
}

class Task extends React.Component<Props, State> {
  constructor(props: Object) {
    super(props);
    this.state = { isInProgress: true };
    this.updateStatus = this.updateStatus.bind(this);
  }
  updateStatus = function () {
    this.setState({ isInProgress: !this.state.isInProgress });
  }

  render() {
    return (
      <div className="tasks-wrapper">
        {this.props.tasks.map(task => (
          <SomeNewComponent stuff={stuff} />
        ))}
      </div>
    );
  }
}

export default Task;