react-redux-provide/test/components/TestItem.js

Build your UI with React. Manage application state with Redux providers. Persist and share application state with replication. Use pure functions everywhere.

import React, { Component } from 'react';
import PropTypes from 'prop-types';

export default class TestItem extends Component {
  static propTypes = {
    index: PropTypes.number.isRequired,
    item: PropTypes.object.isRequired,
    updateItem: PropTypes.func.isRequired,
    count: PropTypes.number.isRequired
  };

  update = (value) => {
    this.props.updateItem(this.props.index, { value });
  };

  render() {
    return (
      <li className="test-item">
        {this.props.item.value}
      </li>
    );
  }
}