如何在React中将坐标数据从一个类传递到另一个类
在React中将坐标数据从一个类传递到另一个类可以通过以下步骤实现：
- 创建一个包含坐标数据的父组件。在父组件中定义一个状态变量，用于存储坐标数据。
import React, { useState } from 'react';
const ParentComponent = () => {
const [coordinates, setCoordinates] = useState({ x: 0, y: 0 });
return (
<div>
<ChildComponent coordinates={coordinates} />
</div>
);
};
export default ParentComponent;- 创建一个子组件，并在子组件中接收父组件传递的坐标数据作为props。
import React from 'react';
const ChildComponent = ({ coordinates }) => {
return (
<div>
<p>X: {coordinates.x}</p>
<p>Y: {coordinates.y}</p>
</div>
);
};
export default ChildComponent;- 在父组件中更新坐标数据，并通过props将更新后的坐标数据传递给子组件。
import React, { useState } from 'react';
const ParentComponent = () => {
const [coordinates, setCoordinates] = useState({ x: 0, y: 0 });
const updateCoordinates = (newCoordinates) => {
setCoordinates(newCoordinates);
};
return (
<div>
<ChildComponent coordinates={coordinates} />
<button onClick={() => updateCoordinates({ x: 10, y: 20 })}>
Update Coordinates
</button>
</div>
);
};
export default ParentComponent;在上述代码中，父组件中的updateCoordinates函数用于更新坐标数据。当点击按钮时，调用updateCoordinates函数并传递新的坐标数据，父组件的状态将更新，然后通过props将更新后的坐标数据传递给子组件。
这样，子组件就可以接收并显示父组件传递的坐标数据了。在子组件中，可以通过coordinates.x和coordinates.y访问坐标数据的具体值。
请注意，上述代码中的示例是使用函数式组件和React Hooks来实现的。如果你更习惯使用类组件，可以相应地进行修改。
相关·内容
将数据从一个类传递到驻留在同一级别的另一个类，而无需在react本机中导航。
浏览 20提问于2020-09-30得票数 0
回答已采纳
我刚开始使用react本地android，我想知道如何在react中将值从一个组件传递到另一个组件--本地android，我只想知道2件事，
如何传递数据
如何检索数据
提供任何被理解为easy.thanks的参考或链接
浏览 6提问于2017-10-05得票数 1
我已经试了一整天了，但一直没有任何运气。我有一个ArrayList，里面有一个坐标类型数组，我想把它从一个活动传递到另一个活动。我认为这不可能通过使用Intent来实现。所以我想知道我还有其他选择吗？我想要简单的..。
浏览 2提问于2011-07-29得票数 0
回答已采纳
我正在使用Visual studio Express 2013和VB.NET，如何将数据表从一个窗体传递到另一个窗体。
问候
浏览 0提问于2015-09-30得票数 0
1回答
WPF在新窗口中显示变量
、、、
我编写了一个程序来显示kinect传感器的颜色和深度流。在深度图像中，用户可以选择两个点，程序显示点的坐标。现在我想改进我的计划。因此，我添加了一个名为Disatance.xaml的新窗口。当用户选中复选框时，将打开此窗口。在这个窗口中，我想显示坐标，而不是在MainWindow中。所以我需要传递x坐标和y坐标的整数变量。我现在的问题是，我对C#非常陌生，我不知道如何将整数从一个窗口传递到另一个窗口。我真的很想有人能帮我。主代码在主窗口中执行。我打开第二个窗口，点击一个按钮。我的代码如下所示：
private void CmdDistance_Click(object senderr,
浏览 3提问于2014-07-16得票数 1
我想把坐标从一个类传递到另一个类。我正在从api中检索坐标。代码如下所示： import React, { Component } from 'react';
class Test3 extends Component{
state = {
loading: true,
coordinates: null,
}
async componentDidMount(){
const url = "https://ttr.vsbbn.nl:4000/gps_history?team_id=10&
浏览 88提问于2020-01-07得票数 0
我希望在reactjs中将状态值从一个组件传递到另一个组件。正如你所看到的，我正试图在输入中投入价值。值在一个组件中声明，并必须传递另一个组件。Showvalue是我声明状态值的组件。我想把它变成输入值
import React, { Component } from 'react';
import ReactDOM from 'react-dom';
class Showvalue extends Component{
constructor(props){
super(props);
this.state = {
浏览 0提问于2018-08-01得票数 1
回答已采纳
1回答
ARCore文档将Pose定义为：
姿态表示从一个坐标空间到另一个坐标空间的不可变的刚性转换。正如所有ARCore API所提供的，提示总是描述从对象的局部坐标空间到世界坐标空间的转换。转换是用四元数旋转定义的，围绕原点旋转，然后是平移。
物体的局部坐标空间和世界坐标空间是什么？
浏览 0提问于2020-06-16得票数 0
回答已采纳
我正在将一些数据从一个类传递到另一个类。我有一个按钮，当被点击时，它将数据传递给另一个没有Route或Navigator的有状态类。 如何在flutter中将按钮的数据“onTap”从一个类传递到另一个类？ 提前谢谢。 这是链接，其中是完整代码：https://dpaste.de/mfyz#L456 我在有状态类上有这个按钮，我想传递这个按钮的一个标志ontap。 new Expanded(child: Center(
child: !_canShowButton ? new MaterialButton(onPressed: (){
浏览 35提问于2019-05-29得票数 1
我使用this.props.someVariable将变量从一个组件传递到另一个组件。我想使用console.log()来调试变量。
我无法在console.log(this.props.someVariable)中使用它，但它在标记中工作得很好。
var secondComp = React.createClass({
render(){
console.log({this.props.myProp}); // doesn't work
return(
<Text>{this.props.myProp}</Text>
浏览 4提问于2016-07-06得票数 1
回答已采纳
我是一个新的反应和在一个小问题。我有一个组件，component1。它有一个功能。 class ReportModal extends React.Component {
constructor(props) {
super(props);
this.state = {
modal: false,
imagesList: [],
code: []
};
this.toggle = this.toggle.bind(this);
}
toggle() {
this.setState({
mo
浏览 22提问于2021-07-01得票数 0
我很新的反应，并反应本机，但我想把一个const变量从一个函数，到另一个文件。我尝试在我的函数之外定义它，然后让它在我的函数中被修改，但是我得到一个无效的Hook调用错误。这是我的密码：
import React, { useState } from "react";
import {
SafeAreaView,
StyleSheet,
TextInput,
TouchableOpacity,
Text,
} from "react-native";
function JoinScreen({ navigation }) {
const
浏览 3提问于2021-05-03得票数 0
回答已采纳
在React中，我们可以使用props将数据从一个组件传递到另一个组件，但是我想知道如何在发出API请求时将数据从一个组件传递到另一个组件。
在后端，登录凭据。
如何在用户登录时传递用户名？当用户登录时，我的页面应该显示“欢迎”。
您可以签出中的代码
下面是来自API的json数据：
{
item: [
{
"id": "145741863",
"firstName": "ABCDEF",
"email": "qwerty@yahoo.com",
浏览 0提问于2020-02-16得票数 4
回答已采纳
我是新来的。我需要通过意图将数据列表从一个活动传递到另一个活动，在另一个活动屏幕中获取这些数据并处理这些数据。请给出一个解决方案。
提前感谢
浏览 0提问于2014-11-13得票数 0
回答已采纳
我需要将名为“名称”的道具从一个反应性组件传递到另一个，但是有些地方出错了。你能告诉我怎么做才对吗？
提前感谢
import React from 'react';
export class Greeting extends React.Component {
render() {
return (
<h1>Hello World and {this.props.name}</h1>
)
}
}
import React from 'react';
import ReactDOM from '
浏览 4提问于2022-05-02得票数 0
是否可以通过意图将Android Account对象从一个activity传递到另一个activity？如果是这样的话，是怎么做的？这是不是很好的编程实践？
浏览 5提问于2012-10-07得票数 0
回答已采纳
我正在尝试将道具从一个组件传递到另一个组件。不过，index属性在SortableSectionList中似乎并没有传递给SortableSection。参见下面的控制台输出。
Index in SortableSectionList: 0
Index in SortableSectionList: 1
(2) Index in SortableSection: undefined
不过，像menuSection这样的其他属性也能很好地通过。请参阅下面的完整代码。任何帮助都是感激的，谢谢！
import React from 'react'
import MenuSection
浏览 2提问于2017-08-25得票数 1
回答已采纳
2回答
因为我正在构建我的第一个React应用程序，特别是react-native应用程序。我想把一个文本框值从一个js文件传递到另一个文件。有没有人能告诉我该怎么做？
我在first.js中的代码
<Text style={{ color: 'black', fontSize: 20, textAlign: 'left', width: width - 60 }}>{GLOBAL.Email}</Text>
<View style={[styles.textI
浏览 0提问于2018-09-11得票数 0
我需要将一些值从一个Activity传递到另一个扩展View类(而不是Activity)的文件中。它不是从一个活动到另一个活动的正常的值传递。
在我的活动中，我将把一些坐标值传递给扩展View的类。在这个类中，我将绘制一个图像，并将点放在从活动传递的坐标上的图像上。但是，问题是，我不能使用Intent发送值...
有没有办法做到这一点？？
浏览 2提问于2010-11-21得票数 0
我想知道我的代码出了什么问题-每次我得到这个消息“无法读取未定义的属性'params‘”，我想从一个页面传递一个道具到另一个页面，我已经获取了多个API，并从第二个API中获取了一些图像，以便在另一个视图中传递它。第一个应用程序接口在ProfileHeader.JS上运行良好，但在ProfileTabs.JS上的第二个应用程序接口面临一些问题。
我不知道我的问题在哪里--“对不起，我的英语很差。”
我的第一个观点是：
ProfileLanding.JS
import React, { useState, useEffect } from 'react'
import
浏览 2提问于2019-11-04得票数 1
对于类组件，有"this.props.route.params“选项。如何在react钩子功能组件中从一个屏幕到另一个屏幕获取参数。
"react": "16.11.0",
"react-native": "0.62.2",
"react-navigation": "@react-navigation/native": "^5.1.2",
浏览 1提问于2020-06-01得票数 2
有人能帮帮我吗？我试图通过上下文将数据从一个组件传递到另一个组件(从Search.js到Container.js)。但是，我得到了一个类型错误。我在网上搜索了很多问题，但没有找到答案。抱歉，如果这是幼稚的问题，我是新来的。
Search.js:
import React, { Component } from 'react'
import { StyledFormSearchBar } from '../styles'
import { data } from '../data'
const SearchContext = React.cr
浏览 4提问于2019-11-02得票数 0
回答已采纳
我正在使用react导航从一个屏幕导航到另一个屏幕。但在导航时，我可以看到导航效果不够好。因此，我尝试在从一个屏幕导航到另一个屏幕时添加过渡。使用react导航的任何解决方案
浏览 14提问于2019-09-12得票数 0
我正在开发一个与虚幻引擎的游戏，我有一个类，代表一些东西(一个棋子)，我可以在游戏的水平内移动。我用球面坐标来移动它。
这个类有一种将其球面坐标转换为笛卡尔位置的方法，因为虚幻使用笛卡尔位置将典当放置在级别内。
这门课的一段内容是：
struct SphericalCoordinates
{
float Radius;
float Azimuth;
float Zenit;
};
class MyClass
{
public:
// Convert a spherical coordiantes to cartesian coordiantes.
FV
浏览 1提问于2022-04-30得票数 0
回答已采纳
我想画从一个位置到另一个位置的路径。如何绘制两个位置之间的路径。我有两个位置的坐标(纬度，经度)。如何实现此功能？我正在开发android sdk 2.2。我不想使用kml。
浏览 8提问于2011-11-22得票数 0
回答已采纳
我希望传递布尔状态以将className从一个组件更改为另一个组件。我试图通过{this.props.isOpen}传递它，但是它没有工作。如何将状态值传递给另一个组件？
父组件
class Category extends React.Component {
constructor(props) {
super(props);
this.state={ isOpen: false };
this.handleClick = this.handleClick.bind(this);
}
handleClick() {
this.setState({ is
浏览 5提问于2017-09-11得票数 1
回答已采纳
我必须从另一个功能组件调用一个功能组件，那么我如何在react js中从一个功能组件调用子功能组件。
import React from "react";
import TestFunctional from "./TestFucntional";
const TestListing = props => {
const { classes, theme } = props;
const handleClickTestOpen = () => {
return <TestFunctional />;
};
r
浏览 1提问于2019-07-17得票数 0
3回答
当从一条反应路由转换到另一条反应路由时，我可以通过URL参数传递字符串
this.props.history.replace({
pathname: `${this.props.match.url}/newRoute`,
search: '?someData=someValue'
})
但是，如果我想传递一些更复杂的东西，例如一个深嵌套的JSON对象，该怎么办？这样的数据是否可以在不使用Redux的情况下从一个路由传递到另一个？
所讨论的项目是使用react 14.4.2和react路由器4.3.1。
浏览 0提问于2018-08-29得票数 2
2回答
矩形坐标投影到另一个矩形
、、、
所以我想在javascript中将坐标从一个矩形投影到另一个矩形，本质上是将坐标从一个矩形缩放到另一个矩形。我该怎么做呢？
function Rectangle(maxX, minX, maxY, minY) {
this.maxX = maxX;
this.minX = minX;
this.maxY = maxY;
this.minY = minY;
}
所以有两个不同大小和坐标的矩形。我想画成一个矩形，并按比例缩放到另一个矩形。
浏览 3提问于2014-10-24得票数 0
我想从一个组件到另一个组件访问状态。为此，我只想将contextprovider包装到单击按钮时状态发生变化的组件，并从usehook返回状态，以便另一个组件可以访问该状态。 下面是组件在未应用上下文的情况下的外观， function UploadButton () { //this is where state is set
const [isDialogOpen, setIsDialogOpen] = React.useState(false);
const handleClick = () => {
setIsDialogOpen(!
浏览 20提问于2020-07-17得票数 1
回答已采纳
我正在使用react-leaflet和rc-tab，在表格中选择不同的行时，我想要显示适当的标记。我想在react-lineto的帮助下悬停时，从一行到某个标记绘制一条线，它只接受classNames作为点(当然，坐标也是如此，但这不适合我)，所以我需要一个单独的标记类，一个可以确定地图上的标记的类。 我怎样才能做到这一点呢？ 似乎每个标记都没有className属性，只有一组标记才有。
浏览 13提问于2020-03-23得票数 0
我使用react-router-dom v4.3.1进行客户端路由。我是个反应新手，不知道如何在不使用url参数的情况下将数据从一个视图传递到另一个视图。在Angular中，Angular路由器具有数据特性，您可以在其中传递与路由关联的数据。下面是一个例子： const appRoutes: Routes = [ { path: 'hero/:id', component: HeroDetailComponent, data: { title: 'Hero Detail' } }, ]; 你能在react-router-dom中
浏览 22提问于2019-03-07得票数 0
回答已采纳
我发现很难将值从一个组件传递到另一个组件，在React中。我有像App.js和Home.JS这样的文件
App.js有一个输入框和一个h1标签，在输入框上输入时，值将显示在h1标记中。我希望使用相同的方法，而不是在相同的页面上显示相同的值，而不是在Home.js中使用React路由器显示相同的值。
Appp.js
import React, { Component } from 'react';
import logo from './logo.svg';
import './App.css';
class App extends Compon
浏览 2提问于2018-12-06得票数 0
回答已采纳
1回答
在我的React Native应用程序中，我有三个屏幕，比如A和B。我使用react-navigation版本5从一个屏幕导航到另一个屏幕。 当我从A移动到B并在B中输入一些数据，从B移动到A以验证在A中输入的数据是否正确，然后再次从A输入到B时，我的B屏幕中的数据不在那里。 我正在使用navigation.goBack()。我没有使用任何全局状态。即使我返回并进入屏幕，如何才能使输入的数据可见？
浏览 10提问于2020-07-15得票数 2
回答已采纳
2回答
我试图使用react路由器将一个字符串从一个页面传递到另一个页面，而功能组件只使用，所以我创建了一个按钮来帮助我链接我的2页，但是我无法传递我的字符串。这是我在初始页面上的示例代码：
import { Link } from "react-router-dom";
import React, { useState, Component } from "react";
function FrontPageDesktop() {
const [myString, setMyString] = useState("Hello");
ret
浏览 1提问于2020-11-17得票数 0
很容易从一个屏幕导航到App.js类中的另一个屏幕。我所做的是三个类: App.js、SearchList.js和Detail.js。但我面临的问题是如何从searchList.js导航到Detail.js，单击searchList.js类中的任意视图。我应该在StackNavigator中再次使用searchList.js还是在App.js中声明所有类？
App.js
import React from 'react';
import { Image,Button, View, Text ,StatusBar,StyleSheet,Platform,TouchableOpac
浏览 0提问于2018-03-14得票数 1
回答已采纳
1回答
我正在尝试用2个嵌套的模态创建一个待办事项列表。每个通道都将一个状态传递给Todo组件，然后在App.js中发布该状态。对于showModal1，App.js的初始钩子状态为false，但当我按下按钮打开Modal1时，它将更改为true。 假设第一模态(Modal1)将task状态传递给第二模态(Modal2)。 import React,{useState} from 'react';
import {StyleSheet, Text, View, TouchableOpacity, TextInput, Modal} from 'react-na
浏览 17提问于2020-08-30得票数 0
回答已采纳
我有一个页面，它以特定的时间间隔从一个源接收数据，并将它们设置为一种状态，我在页面中显示了部分数据，我有一个按钮可以打开另一个页面(通过react导航)，我希望在那里显示其余的数据，但问题是，当父节点的状态发生变化时，它不会刷新第二个页面，下面是简化的代码： import React from "react";
import { View, Text, Button } from "react-native";
import { createStackNavigator, createAppContainer, NavigationActions } from
浏览 11提问于2019-02-18得票数 1
显然，这并不是一项容易的任务，因为默认情况下，html.js模板文件中唯一会发生变化的就是head meta标记和内容。
元标记由头盔组件({head.title.toComponent()}和{head.meta.toComponent()})处理，模板内的HTML更改由React管理。(<div id="react-mount" dangerouslySetInnerHTML={{ __html: this.props.body }} />)
但是body标签超出了React的范围，这就是为什么当我从一个页面导航到另一个页面时，我不知道如何动态地更改它。这正是我
浏览 0提问于2016-12-06得票数 27
回答已采纳
我想存储一些游戏对象的x，y和z坐标，但我找不到像Point这样的内置类。有没有一个很好的标准类，我可以添加并使用它来处理从一个对象到另一个对象的点/方位角之间的距离等？
浏览 0提问于2011-04-23得票数 4
回答已采纳
我想知道将实例变量从一个对象传递到另一个类的对象(也将它们保存为实例变量)以保留由这些实例变量表示的上下文是否是一种可接受的方法。
在我的例子中，我有一个ClassB，它有一个方法，它的返回值是创建ClassA对象所必需的，但是这个返回值只有在ClassB的某些实例变量的上下文中才有意义。除了将所需的实例变量从ClassB传递到ClassA之外，还有其他建议来解决这个问题吗？
浏览 0提问于2021-10-06得票数 -2
我有一个CLLocation，这是我的userLocation，现在在另一个班级中，我必须打开地图应用程序，并创建一条从userLocation到另一个点的路线。但是我怎样才能在另一个类中得到userLocation的坐标呢？
浏览 0提问于2010-03-11得票数 0
回答已采纳
2回答
我有两个组件，一个是单板组件，另一个是正方形组件 当我把道具从一个盒子传到另一个方格的时候，奇怪的事情发生了。 主板组件的代码为 import React from "react";
import Square from "./Square";
const Board = () => {
return (
<div className="board">
<div className="board-row">
<Square value={1}>
浏览 21提问于2021-07-25得票数 0
我正在开发一个示例ReactJS应用程序，其中我希望将一个变量从一个组件传递到另一个组件。
class Layout extends React.Component{
constructor(props) {
super(props);
this.state = {keyword: ''};
}
render() {
return (
<div className="wrapper">
<Search
浏览 11提问于2017-02-23得票数 0
2回答
由于React的目的是使组件可重用，而且页面的布局可以从一个应用程序到另一个应用程序有很大的变化，所以我不知道将特定于布局的样式放在哪里。有什么建议吗？
浏览 0提问于2019-08-22得票数 0
如何在锚点上使用onClick到另一个组件中的setState？
Card.js和onClick
import React from 'react'
import PropertyLightbox from '../global/PropertyLightbox'
const Card = (props) => {
const propertyImages = props.gallery
return (
<Property id={props.slug}>
<a onClick={t
浏览 0提问于2018-04-19得票数 0
回答已采纳
3回答
大家好，我开始学习react，我试图将道具从一个组件传递到另一个组件，但是没有呈现任何东西(或者console.logged )。
我非常感谢你的帮助
用户组件
export class Users extends React.Component {
render() {
const { name } = this.props.user;
return (
<div>
<h1>{name}</h1>
</div>
);
}
}
import { Users } from &
浏览 5提问于2021-12-24得票数 1
3回答
我对从一个类访问另一个类的方法感到困惑。我想从B类的方法在A类的tkinter文本小部件上写，我该怎么做呢？
from abc import xyz
from Tkinter import *
class A(Frame):
def write(self,text):
self.display.insert(END,text+'\n')
def __init__(self,parent):
Frame.__init__(self,parent)
self.parent=parent
浏览 3提问于2015-02-01得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
