Сохранять props компонента в его локальном state - антипаттерн.
Ничего, если
this.props.data определён как default props(не будет меняться), но в большинстве случаев будет(идёт из родительского state либо из глобального хранилища, то есть store).
Когда
this.props.data обновится, локальный state останется прежним. Придётся дергать
componentWillRecieveProps.
Данные, передаваемые как props почти всегда уже где-то храняться ( у родителя или в store ).
Грубо говоря, за ними уже следят. Незачем их пересохранять в дркгом компоненте.
Нельзя писать так
handle = {this.test}. Пробелов быть не должно.
Учитывая всё вышенаписанное, компонент можно переписать так
export default class Board extends React.Component {
test = () => {
console.log(this)
}
render(){
const temp = this.props.data.map((item, index) =>
<Task data={item} key={index} handle={this.test} />
)
return <div className="board">{temp}</div>
}
}
