Nexus, из props в state если только для формы, которая требует валидации... лучше конечно разобраться с context, чтобы горадули не годарить )
dmitry.suhotsky, в первом посте
onClick={this.handleClick({index})}
заменить на
onClick={() => this.handleClick({i, index})}
только тогда, при каждом ререндерере будет пересоздаваться ф-ция, при больших объемах (сотни-тыщи) это будут влиять на производительность, а если штук 10-50, то можно забить... или если прям хочется идеалов, тогда надо осознать это
https://reactjs.org/docs/optimizing-performance.html