@MiracleLive

Cannot read property 'bind' of undefined. React.js как исправить?

Выдается такая ошибка TypeError: Cannot read property 'bind' of undefined , только начинаю пользоваться реактом , поэтому пока не могу понять , что именно не так , VSCODE не ругается на какие-либо синтаксические ошибки

import React, { useContext } from "react";
import PropTypes from "prop-types";
import Context from "../ToDo/context";

const styles = {
  li: {
    display: "flex",
    justifyContent: "space-between",
    alignItmes: "center",
    padding: ".5rem 1rem",
    border: "1px solid #ccc",
    borderRadius: "4px",
    marginBottom: ".5rem",
  },
  input: {
    marginRight: "1rem",
  },
};

function ToDoItem({ todo, index, onChange }) {
  const { removeTodo } = useContext(Context);
  const classes = [];
  if (todo.completed) {
    classes.push("done");
  }
  return (
    <li style={styles.li}>
      <span className={classes.join(" ")}>
        <input
          type="checkbox"
          checked={todo.completed}
          style={styles.input}
          onChange={() => onChange(todo.id)}
        />
        <strong>{index + 1}</strong>
        &nbsp;
        {todo.title}
      </span>

      <button className="rm" onClick={removeTodo.bind(null, todo.id)}>
        &times;
      </button>
    </li>
  );
}

ToDoItem.propTypes = {
  todo: PropTypes.object.isRequired,
  index: PropTypes.number,
  onChange: PropTypes.func.isRequired,
};

export default ToDoItem;
  • Вопрос задан
  • 46 просмотров
Пригласить эксперта
Ответы на вопрос 1
@vchpro
Веб-разработчик
Сделайте компонент-класс и избавьтесь от бинда, подключив babel и создав функцию стрелку.
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы