Невозможно прочесть свойство 'apply' неопределенного Konva.js
Я пытаюсь найти объект с помощью метода find
. Это только часть кода, чтобы продемонстрировать проблему. В общем, мне нужно найти объект из массиваShapes
от Konva
фреймворк. Получил с помощью refs после рендеринга функционального компонента.
import React, { useState, useEffect, useRef } from "react";
import Konva from "konva";
import { Stage, Layer, Text, Circle } from "react-konva";
import { ArrowComp } from "./Arrow";
import { useInterval } from "../hooks/useInterval";
const Graph = props => {
const [data, setData] = useState({
circles: ConvertMatrix(matrix).circles,
});
const circles = ref.current.find(".circle");
const stageRef = useRef();
useEffect(() => {
const circles = stageRef.current.find(".circle");
const finded = circles.find((circle) => circle.attrs.radius < 50)
}, []);
return (
<Stage
width={window.innerWidth}
height={window.innerHeight}
className="container"
ref={stageRef}
>
<Layer>
<Circle
shadowBlur={10}
x={150}
y={200}
radius={circle.r || 40}
fill="yellow"
name={"circle"}
id={1}
/>
<Circle
shadowBlur={10}
x={150}
y={150}
radius={40}
fill="yellow"
name={"circle"}
id={2}
/>
</Layer>
</Stage>
);
};
ReactDOM.render(<Graph />, document.querySelector("#app"))
и я получаю ошибку в lib. Это библиотека konva framework? Как другим способом найти элемент в массиве?
16 | var len = this.length, i;
17 | var args = [].slice.call(arguments);
18 | for (i = 0; i < len; i++) {
> 19 | this[i][methodName].apply(this[i], args);
| ^ 20 | }
21 | return this;
22 | };
TypeError: невозможно прочитать свойство "применить" неопределенной коллекции. [как найти]
Это мой первый вопрос по StackOwerflow, извините за вопрос не совсем в формате. Я привел пример здесь
UPD: проблема решена с помощью findIndex
и получил значение по кругам [индекс]. Но остался 1 вопрос: это ошибка библиотеки (фреймворка)?
1 ответ
Твой circles
переменная не является массивом. stage.find(selectors)
возвращает Konva.Collection. Он работает немного иначе, чем Array. Если вы хотите иметь массив, просто используйте:
circles.toArray().find((circle) => circle.radius() < 50);