无法在reactjs中使用draw2d -无法读取未定义的属性'x‘
在ReactJS中无法使用draw2d的原因是因为ReactJS是一个用于构建用户界面的JavaScript库，而draw2d是一个用于创建图形和流程图的JavaScript库。这两者的目标和用途不同，因此无法直接在ReactJS中使用draw2d。
ReactJS主要用于构建交互式的用户界面，它通过组件化的方式来管理和渲染界面。而draw2d是一个专门用于创建图形和流程图的库，它提供了一系列的API和工具来绘制和操作图形元素。
如果你想在ReactJS中使用类似draw2d的功能，可以考虑使用其他适用于ReactJS的图形库，例如react-flow、react-diagrams等。这些库提供了类似draw2d的功能，并且与ReactJS的组件模型更加兼容。
对于无法读取未定义属性'x'的问题，可能是因为在使用draw2d时没有正确引入或初始化相关的对象或属性。你可以检查代码中是否正确引入了draw2d库，并且按照官方文档的要求进行初始化和使用。
总结起来，ReactJS和draw2d是两个不同的库，无法直接在ReactJS中使用draw2d。如果需要在ReactJS中实现类似的功能，可以考虑使用适用于ReactJS的其他图形库。对于无法读取未定义属性'x'的问题，需要检查代码中是否正确引入和初始化相关对象或属性。
相关·内容
我有一个映射函数，它应该从我创建的列表中获取数据并显示给用户，但是每当我尝试这样做时，它会给我一个类型错误，下面是我的映射函数：
{product.map((item, idx)=>
<div key={idx}>
<h3 className='productName'>{item[idx].name}</h3>
<div className='productImageContainer'>
浏览 6提问于2020-10-05得票数 0
回答已采纳
我为我的UIView(draw2D)和ViewController(ViewControllerImage)创建了一个类文件
当视图加载时，viewControllerImage接收一个推入的变量。这样就行了，我现在需要将变量赋值给draw2D。
draw2D.h
@property (nonatomic, assign) double thicknessValue2;
如何在viewDidLoad内访问ViewController，以便在draw2D内设置变量？
浏览 0提问于2014-04-14得票数 0
作为draw2d的新手，我不知道我是否忘记了导入/初始化某些内容 当我点击我的add按钮时，我得到这个错误... VM50:7142 Uncaught TypeError: Cannot read property 'x' of undefined
at Function.R._engine.create (eval at module.exports (draw2d.js:4043), <anonymous>:7142:21)
at R (eval at module.exports (draw2d.js:4043), <anonymous>
浏览 33提问于2020-04-14得票数 0
3回答
将具有不同域的多个函数绘制到同一图中的最佳方法是什么？有没有办法用plot2d来实现这一点，或者我必须使用draw2d呢？
我特别喜欢在plot2d中以列表的形式给出几个函数的可能性，而如果我正确理解了文档，我将不得不在draw2d中将不同的函数作为单独的参数添加。
举个例子来说明我的意思：
f(x, a) := sqrt(a) * exp(-(x-a)^2);
fmax(x) := sqrt(x);
在这个例子中，我想绘制几个a的f(x, a) (例如，使用从-1到10的makelist(f(x, a), a, [0, 0.5, 1, 2, 5]))和从0到5的fmax (以显示f(x, a
浏览 0提问于2013-06-19得票数 1
回答已采纳
我已经启动了一个新的react应用程序--并开始安装d3v4和一个基本饼图--但现在我得到了scaleOrdinal()错误和d3.arc()错误"TypeError:无法读取未定义的属性‘圆弧’“
var arc = d3.arc()
.outerRadius(radius - 10)
.innerRadius(innerradius);
浏览 0提问于2020-06-09得票数 1
回答已采纳
2回答
我想要做的是，当页面被加载时，它应该从parse.com数据库中提取所有数据并显示在页面上，并且我希望在完成查找请求之后呈现我的组件。
下面你可以看到我的代码
var Ap = React.createClass({
render: function(){
Parse.initialize("mSWrLtmIHQdh8CNGk14fLbnK4gaVDbgvjw1zTeCT", "qKDkELvVpvgkuDDZzGK2pdP5o69LBDjWaRI2XfUb");
var GameScore = Parse.Object.ext
浏览 2提问于2015-07-23得票数 1
回答已采纳
4回答
我试图在render函数中立即打印我的输入值。
在React组件中的文档中，我看到了constructor与super(props)以及this.state的使用。
当我尝试相同的时候，我会得到下面的错误；
未定义TypeError:无法读取未定义属性的“状态”
下面是我的代码；
class App extends React.Component {
constructor(props) {
super(props);
this.state = {
text: ''
};
};
handleChange(event) {
浏览 0提问于2016-10-24得票数 1
回答已采纳
1回答
解决了：解决方案在底部
我有一个下拉菜单，可以更改组件的当前状态。就像这样：
<select onChange={event => this.setState({typeofList: event.target.value})}>
<option value="list.A">List A</option>
<option value="list.B">List B</option>
</select>
问题是，当我设置状态时，只要单击菜单中的某个项，它就会抛出一个错误。这是因
浏览 2提问于2017-08-18得票数 0
回答已采纳
1回答
在位图Android上绘制新圆
、、、、
我想在画布上画一个圆，然后让它留下痕迹，而不是每次都画一个新的圆。我该怎么做呢？我能做的就是移动圆圈。
-CanvasTest类
package canvas.test;
import android.app.Activity;
import android.os.Bundle;
public class CanvastestActivity extends Activity {
/** Called when the activity is first created. */
float x = 80;
float y = 20;
float r = 15;
@Override
publ
浏览 0提问于2012-03-21得票数 0
我对ReactJ很陌生。我试图在一个按钮上实现onClick功能，以改变<h1>标记之间的文本。这是代码
class MessageStateComponent extends Component{
constructor(){
super()
this.state = {
message: 'Subscribe to NewsLetter'
}
}
changeMessage(){
this.setState({
message: 'Thank You'
})
浏览 1提问于2019-12-20得票数 0
回答已采纳
我使用DBChartViewController.m文件中的一个函数从SQLite数据库中拉入一个值，并将其传递给draw2D.m文件中的另一个函数，以便绘制饼图。视图最初会显示，但不会实际刷新。这个实现有什么问题吗？
添加文件的其余部分：
combinedDBandPieViewController.h
#import <UIKit/UIKit.h>
#import "/usr/include/sqlite3.h"
#import "draw2D.h"
@interface combinedDBandPieViewController : UIV
浏览 2提问于2012-02-10得票数 1
回答已采纳
2回答
我正试着创建一个订单表。我和React+Redux一起工作。我把我的数据存储在道具里。数据的结构类似于这样：(稍微详细一点)
[{ //stored in props(redux state)
"id": 37, //order 1
"content": {
"items": {
"47427": {
"price": "12.49",
"format": "[\
浏览 4提问于2017-08-23得票数 0
回答已采纳
1回答
我对React非常陌生，而且我在为我的第一个React项目获取数据的过程中挣扎了好几天。
我基本上有一个卡片列表，分为两个部分: CardsList和Card。我想做的是获取每一张卡的数据。我的问题是，对于单个端点，我几乎不了解抓取是如何工作的，同时尝试从多个端点获取数据似乎比我更难。
我试着从一个解释fetch的博客中学到一个例子，并想出了如下内容：
export default class CardsList extends React.Component {
constructor(props) {
super(props);
this.state = {
浏览 2提问于2017-09-22得票数 1
回答已采纳
我不明白，在控制台中，我看到了我的api数据(10个对象的数组)，但是如果我在保存文件时访问"data.data.length“，它就能工作(显示号: 10在控制台中)，但是当我刷新浏览器时，会出现错误(Uncaught:无法读取属性‘长度’的未定义)。
我还发现当我的页面刷新时，它首先是console.log“未定义”，然后是我的10个对象的数组api数据……
我太迷茫了，我做错什么了？
import React, { useState, useEffect } from 'react';
import '../App.css';
import axi
浏览 2提问于2021-07-02得票数 0
回答已采纳
希望这是个简单的问题。
为什么要检查多维数组中是否存在一个键：
a = new Array(Array());
a[0][0]='1';
a[0][1]='2';
if(a[1][2] == undefined){
alert("sorry, that key doesn't exist");
} else {alert('good, your key exists');
}
在一般情况下，它似乎不起作用，但当我检查由a[0][x]“定义”的第一个索引(在本例中为'0')时，它起作用。例如，当我请求a[0]
浏览 6提问于2011-02-27得票数 9
回答已采纳
我正在尝试在angularjs应用程序中的ui-bootstrap-tpls accordion中使用draw2d javascript库。
一个简单的例子：(我会构建一个柱塞，但我无法包含所需的库。在本例中，draw2d-canvas被实现为angularjs指令。
index.html：
<body id="myBody" ng-controller="MyDrawCtlr">
<div class="col-xs-12 panel panel-default row">
<div id="can
浏览 6提问于2016-03-23得票数 0
我有以下代码，它返回错误：
“无法读取未定义的属性'albumCover‘
基于第24行的代码。
import React, {Component} from 'react';
import albumData from './../data/albums';
class Album extends Component {
constructor(props) {
super(props);
const album = albumData.find( album => {
浏览 3提问于2018-02-05得票数 0
回答已采纳
2回答
很难理解类以及为什么我不能访问某些对象。如何修改代码才能更改所有类/事件中的“map”(一堆标签)属性？
Draw2d()方法在主窗体上创建了两个标签，我希望在不同的事件上更改它们(本例中为按钮单击)。
有没有人能帮我，或者只是提示我正确的方向。
代码：
公共分部类Form1 : Form
{
public void Draw2d()
{
const int spacing = 20;
Label[][] map = new Label[5][];
for (int x = 0; x < 5; x++)
浏览 1提问于2010-01-24得票数 1
回答已采纳
我这个月一直在升级模式，把我的Mac升级到了雪豹。我已经开发了一个大小不错的Eclipse RCP，它使用了GEF。
我在我的Mac机上把Eclipse升级到了3.5.1-x86_64，最新的XCode等。
Eclipse 3.5.1运行良好；但是，在安装GEF-3.5.1时，SWT插件似乎无法正确加载。我确实在目标平台列表中看到了GEF n Draw2D插件，但是我所有使用SWT的插件现在都无法编译。(SWT出现在目标平台列表中)。
想法？
浏览 5提问于2009-12-03得票数 0
我有下一个代码
componentDidMount() {
super.componentDidMount();
let jobj = $(ReactDOM.findDOMNode(this));
$.validator.unobtrusive.parse(jobj);
}
运行此操作后，我得到错误：Uncaught TypeError:无法读取未定义的属性“未公开”
如何才能使导入ASP.MVC不显着和jquery验证？
浏览 4提问于2015-11-17得票数 2
编辑：
我正在使用drawRect:函数绘制一条线，该函数驻留在我在MainStoryboard.storyboard文件中创建的视图中的自定义类中。该视图确实指向接口构建器中的自定义类(draw2D)。
我在主文件(ViewController)中关于绘图的所有代码现在是：(头文件)
@class draw2D;
@property (weak, nonatomic) IBOutlet draw2D *draw;
(m档案)
#import "draw2D.h"
[draw.listOfFreqToDraw addObject: closestChar];
浏览 9提问于2012-08-10得票数 1
你好，我正在学习反应js，我遇到了一个问题。当我试图使用react路由器返回到主页时，我会得到以下错误：
未定义TypeError:无法读取未定义属性的“推送”
下面是我的代码，正如您所看到的，我正在调用导航函数：
我的带有路由器的client.js：
如果我将this.props.router.push('/');替换为this.props.history.push('/');，它就能正常工作。有什么问题吗？
浏览 5提问于2016-05-06得票数 12
回答已采纳
我是新的，正在开发react js中的简单仪表板。 我的App.js文件是 <BrowserRouter>
<div>
<div>
<Switch>
<Route exact path="/" component={Login} />
<PublicRoute path="/login" component={Login} />
<Privat
浏览 26提问于2021-01-31得票数 1
回答已采纳
我有以下一点的运动方程：
x:3*sin(4*t);
y:2*cos(4*t);
我已经创建了一个向量：
r:[x,y];
并做了一些操作，但我不知道如何绘制路径(结果应该是一个椭圆)。
我尝试了各种命令，但这给了我一些与我想要实现的类似的东西：
load(draw);
draw2d(parametric(x,y,t,0,10));
但结果却很奇怪：
在这种情况下，是否有方法以wxMaxima中椭圆的形式得到适当的图？
浏览 3提问于2022-05-05得票数 0
回答已采纳
我正在尝试获取'container‘div中的子元素的计数。 let ElementRef = useRef()
useEffect(() => {
let Elementcount = ElementRef.childNodes.length
console.log(Elementcount)
})
return (
<div className='container' ref={ElementRef}>
<p>paragraph o
浏览 37提问于2021-07-05得票数 1
回答已采纳
1回答
我有一小类2D绘图实用程序，Draw2D是任何与绘图相关的东西的全局入口点。目前，该课程如下所示：
struct Draw2D
{
std::shared_ptr<D2Label> CreateLabel (...);
std::shared_ptr<D2Plot> CreatePlot (...);
void Draw (D2Element& e);
std::vector<std::weak_ptr<D2Element>> elements_;
};
struct D2Element
{ ...
浏览 0提问于2011-09-11得票数 3
3回答
我从API中获取数据并将其传递给表组件，如下所示：
function MainSectionOrganization() {
const [obj, setObj] = useState([]);
useEffect(() => {
fetch('http://127.0.0.1:5000/getCompanies')
.then((response) => {
return response.json();
}).then((data) => {
浏览 4提问于2020-06-23得票数 2
回答已采纳
我一直在尝试将的tableGraph集成到我正在构建的应用程序中，但遇到了以下错误：TypeError:无法读取未定义(读取‘数据’)的属性。
以下是配置：
const tableLayer = {
type: "table",
timeZone: "America/Phoenix",
tableTheme: "light",
properties: {
colors: DEFAULT_TABLE_COLORS,
tableOptions: {
fixFirstCol
浏览 2提问于2021-10-20得票数 0
回答已采纳
draw2d库在初始化时会遍历dom并发挥它的魔力。
诀窍是在一切都加载之后启动它。
它将控制一个菜单和一个画布，这两个都是angular js指令，需要一些额外的类才能使draw2d库工作。
angular.module('test').directive('load-menu', function () {
console.log('i am the menu for the draw2d library');
});
angular.module('test').directive('the-canvas'
浏览 1提问于2014-09-11得票数 0
我是新的反应，并创建了一个简单的应用程序从一个教程。在本教程中，它们使用了无状态组件，而我则更改为有状态组件。但我发现了这个错误
TypeError:无法读取未定义的属性“映射”
我不知道我的代码哪里出错了。对我来说似乎没问题。
message-list.js
import React, { Component } from 'react';
import MessageView from './message-view';
class MessageList extends Component {
state = {
messages:
浏览 0提问于2018-10-15得票数 1
回答已采纳
2回答
Reactjs卡
、、
错误：
TypeError:无法读取未定义的属性“卡片”。
如果我删除内容className={classes.card}，它可以正常工作。
但没有课，我就不能用康斯特·斯泰尔斯。
import React from 'react';
import PropTypes from 'prop-types';
import { withStyles } from 'material-ui/styles';
import Card, { CardActions, CardContent, CardMedia } from
浏览 1提问于2017-09-09得票数 1
回答已采纳
我的密码怎么了？
import React, { Component } from "react";
// import {connect} from 'react-redux';
// import List_items from './list_items';
// @connect(item => ({data: state.example.data}))
class Home extends React.Component {
constructor(){
super();
this.state = {
浏览 1提问于2017-12-08得票数 0
回答已采纳
我正在尝试获取Eclipse GEF包"Draw2d“。
哪个Eclipse GEF软件包包含Draw2d？当我搜索它时，列表中什么也没有出现。
浏览 0提问于2012-08-18得票数 0
回答已采纳
我无法通过使用此运算符将对象传递给loadApp()来使用div标记的属性
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="X-UA-Compatible" c
浏览 1提问于2013-11-14得票数 0
我设法从Flask获得数据到ReactJs前端，但我还没有将数据从ReactJs发送到Flask。
我正在上传一个文件并将其存储在Firebase中。效果很好。但是我想在downloadURL被存储后将它发送回Flask。
这是我在前面试图做的事。
const FileUpload = ({}) => {
var downloadLink;
const [progress, setProgress] = useState(0);
const formHandler = (e) => {
e.preventDefault();
cons
浏览 10提问于2022-07-16得票数 0
回答已采纳
6回答
我正在用ReactJS访问一个API。当组件访问API提供的可能是“未定义”的对象中的属性时，停止组件崩溃的最佳方法是什么？
错误的一个例子是：
TypeError:无法读取未定义的属性“项”
浏览 24提问于2017-06-13得票数 21
回答已采纳
1回答
我使用RectangleFigure在draw2d中绘制了一个矩形。我可以通过调用rectangleFigure.setBackgroundColor来给矩形图形着色。现在，我也想用同样的方式给图像着色。为此，我在draw2d中使用了ImageFigure.setBackgroundColor()，并通过调用ImageFigure.setBackgroundColor()给出了背景色。但它并没有给我任何颜色。那么，如何在draw2d中给出图像的背景色呢？
浏览 4提问于2012-07-02得票数 1
回答已采纳
2回答
// Converts snake-case to camelCase
String.prototype.toCamel = function () {
return this.replace(/(\-[a-z])/g, $1 => $1.toUpperCase().replace('-', ''));
};
当我做以下事情时：
// Converts snake-case to camelCase
String.prototype.toCamel = () => this.replace(/(\-[a-z])/g, $1 => $1.to
浏览 1提问于2018-05-22得票数 1
回答已采纳
1回答
嵌套函数不能在ReactJs中工作。但是它在正常的Javascript中工作。
它显示了这个错误。
未定义的TypeError:无法设置未定义的属性“getWlc”
如何在ReactJs函数中编写嵌套函数
function ldViewLayer() {
this.getWlc = function() {
alert('Try Alerts on Babel');
}
this.getWlc();
}
ldViewLayer();
浏览 7提问于2017-02-20得票数 0
回答已采纳
1回答
我有一个编辑器，既有draw2d树，也有星云的GridTreeViewer (基本上是一个JFace TreeViewer)。我需要的是工作，除了滚动条。在draw2d中，我得到了org.eclipse.draw2d.ScrollPane提供的滚动条，在GridTreeViewer中，我得到了JFace提供的滚动条。我不知道为什么，但是滚动条看起来不同，如果我没有弄错的话，我希望它们看起来是一样的，因为它们调用的是操作系统的本机控件？有没有理由让滚动条看起来不一样，有没有办法“降级”JFace的滚动条，让它看起来像Draw2D的？也许ScrollPane的滚动条设置有误？
这是Ubuntu 1
浏览 7提问于2013-05-21得票数 1
回答已采纳
试图创建一个带有默认历史对象的普通路由器，但是它抛出了这个错误-
模块未找到:错误:无法解析“历史/创建浏览历史”
在App.js文件中-
import history from './history'
const App = () => {
return (
<div className="ui container" style={{marginTop: '50px'}}>
<Router history={history}>
浏览 7提问于2022-08-24得票数 1
回答已采纳
我想检测到对Draw2D图形的三击。
这将允许第一次单击以选择Draw2D图，第二次单击将扩展所选内容，第三次单击将使其进一步展开。
SWT在其MouseEvent中提供单击计数。但是，Draw2D有自己的MouseEvent，它不公开单击计数。[见。]
我可以检测到第三个鼠标点击作为一个独立的事件，并确定它是否很快发生后，最后双击。
我想尊重操作系统的设置多点点击速度。在AWT/Swing中，我可以使用Toolkit.getDefaultToolkit().getDesktopProperty("awt.multiClickInterval")获得最大间隔。但是，我希望避免耦
浏览 4提问于2017-05-08得票数 0
回答已采纳
1回答
我试图绘制任意点(x，y)的x，-y形式的向量，所以我试着这样做：
<code>A0</code>
但是gnuplot窗口在每次迭代时都会刷新，所以我尝试将两个循环放在draw2d之后和"vector“之前，但这也不起作用。
浏览 16提问于2020-08-02得票数 3
回答已采纳
在使用Eclipse GEF或Draw2D时，绘制大型(10.000个节点)图形的效果如何？节点可以非常简单地绘制(一个圆圈)；没有标签和其他东西。
对于这项任务，使用GEF/Draw2D可行吗？
浏览 0提问于2010-09-13得票数 1
回答已采纳
1回答
嘿，我在通过ExtJs的Rest代理发送数据时遇到了问题。当我发布数据时，我得到一个异常
在Chrome中:未捕获TypeError:无法读取未定义的属性“”clientIdProperty“”
在火狐中: TypeError: clientRecords未定义
我的商店
Ext.define('Test.store.Test', {
extend: 'Ext.data.Store',
requires: [
'Test.model.test',
'Ext.data.proxy.Rest',
'E
浏览 0提问于2015-04-15得票数 0
2回答
我正在寻找一种方法来建立一个从Draw2D画布。我相信我已经在Java2D上看到了这样做的方法，而不是Draw2D。其中涉及到许多图形元素(以及文本)，所以我不认为我可以采用XSLT路线。有人有什么建议吗？
浏览 2提问于2010-12-04得票数 2
我正在尝试用extjs 4和draw2d触摸库构建一个应用程序。该应用程序有一个两列面板。如何从一列中拖动draw2d形状并将其放到另一列中？任何帮助，谢谢
浏览 4提问于2014-01-22得票数 1
1回答
我想知道是否有一种方法可以将用高级图表制作的图形添加到draw2d画布中。我尝试使用生成的类导入外部SVG ，但根据和my的和，似乎SVG太复杂了，无法用于该类。
draw2d.SVGFigure;
(谢谢你的建议:)
浏览 8提问于2021-04-14得票数 1
回答已采纳
7回答
我是新的Javascript，我正在建立我的第一个简单的游戏“战斗船”。现在我遇到了一个非常令人沮丧的问题。
我在全局范围内声明了一个变量，但我似乎不能在我的程序中使用它。如果我做了console.log(X)，它说变量是未定义的。
当用户单击一个名为"Play“的按钮时，我希望所有单元格的背景色再次回到lightblue；
function playGame() {
x.style.backgroundColor = 'lightblue';
}
这是错误消息：
未定义的TypeError:无法设置未定义的属性“backgroundColor”
即使我用docum
浏览 10提问于2015-11-06得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
云直播活动推荐
腾讯云开发者
