使用props访问带有点符号的对象
是指在React组件中，通过props传递一个包含点符号的对象，并在组件内部访问该对象的属性。
在React中，使用props将数据从父组件传递到子组件。当传递一个对象作为props时，如果该对象的属性名包含点符号，我们可以通过以下方法访问该对象的属性：
- 使用方括号（[]）语法：
// 父组件
const parentComponent = () => {
const objectWithDot = {
'property.with.dots': 'value',
};
return <ChildComponent object={objectWithDot} />;
};
// 子组件
const childComponent = (props) => {
console.log(props.object['property.with.dots']);
// 输出：'value'
return null;
};- 使用解构赋值：
// 父组件
const parentComponent = () => {
const objectWithDot = {
'property.with.dots': 'value',
};
return <ChildComponent object={objectWithDot} />;
};
// 子组件
const childComponent = ({ object }) => {
const { 'property.with.dots': property } = object;
console.log(property);
// 输出：'value'
return null;
};以上两种方法都可以成功访问带有点符号的对象的属性。
对于带有点符号的对象，我们需要注意以下几点：
- 在传递对象时，属性名要使用字符串的形式来表示，即使属性名包含点符号。
- 使用方括号（[]）语法或解构赋值时，属性名需要用引号括起来，以表示属性名中包含点符号。
此外，关于React组件开发和props的更多信息，可以参考腾讯云的产品文档链接：
相关·内容
1回答
我正在尝试使用React-DnD，我有这样的代码： import { useDrag } from "react-dnd"; type: string collect: (monitor) =>
浏览 24提问于2021-11-11得票数 0
回答已采纳
这是MovieList.js，我从FetchMovie.js中传递了一个react对象作为支持，我在下面给出了这个组件。我试过了但它还在那里。请帮帮忙import React from "react"; console.log(props.newFilm)return ( <h1>{props.newFil
浏览 2提问于2022-02-19得票数 1
回答已采纳
1回答
我试图在这个简短的片段中了解这里发生了什么，但我对Ruby不太熟悉。最终，我试图找出.path和:path之间的区别 original_path = hit.props[:path]
我明白如果
浏览 0提问于2019-10-09得票数 0
回答已采纳
1回答
我在linux中做了很多编程工作，我使用可见性属性来定义符号在共享对象中是可见还是隐藏的。只是为了让事情变得更清楚:如果一个符号是可见的，那么它将可以从外部访问(某个人链接到共享对象)，如果它是隐藏的，那么它应该只在内部使用。在windows上，它的工作方式似乎有点不同，它使用导出(符号在这里定义在共享对象中，并且可以被链接到这
浏览 2提问于2012-10-04得票数 3
回答已采纳
4回答
我得到了来自console.log(props.searchedLocation.totalPages.page下面的对象是‘pros.searchLocation’的控制台日志。').时返回{page: 32}但是，我需要页面号将其传递给我的分页组件，并且我尝试使用'?如何在React或JS中获取主对象内部对象</e
浏览 7提问于2020-08-01得票数 0
回答已采纳
我正在尝试制作将props和state结合在一起的组件，这样实际的视图只需要担心从props获取数据。在下面的代码中，我尝试使用扩展运算符(可能是错误的) ...sniprender() { }
}
浏览 1提问于2016-03-17得票数 1
回答已采纳
1回答
是否可以访问远程计算机上的内核对象？我读到您可以使用\Device\Mup\server\object的符号链接来访问远程内核对象，但我不确定这是否有效。谢谢你的帮助！我知道这有点奇怪，但我正试图访问一个命名的管道。
浏览 2提问于2009-08-25得票数 0
我使用不变的JS与React + Redux一起使用。在大多数情况下，我非常喜欢它如何增强Redux范式，除了它的属性访问器方法。例如。this.props.exampleMap.get('mapProperty');
但是，对于不可变的Record，没有get方法。相反，您只需使用点方法访问<
浏览 0提问于2017-04-10得票数 0
回答已采纳
我需要访问嵌套在item list对象中的特征属性数组。它看起来像这样。var itemsList = { Wildlife Management Areas: [{}, {}, {}]}我尝试使用点符号和方括号符号的组合来获取WMA数组，但我总是得不到定义。我知道WMA就在那里，并且包含一个
浏览 0提问于2019-04-08得票数 0
1回答
我有点困惑于如何创建一个带签名的url，以便用户可以将一个文件或一组文件上传到g-c-s。我已经成功地创建了一个带签名的url来访问私有对象，但现在我想尝试一下分块上传。我不确定是否必须使用不同的端点。还有没有可能在不事先指定对象名称的情况下创建一个带签名的url？顺便说一句，我正在使用postman来测试上传过程，并去签署url。
浏览 2提问于2014-12-12得票数 4
Number.MAX_INTEGER); // 9007199254740991如何在没有预先定义的情况下声明动态属性
浏览 0提问于2013-09-02得票数 2
回答已采纳
不使用getParameterByName('Field'，PostData) (PostData == $('form').serialize();)
我想写PostData.Field，我怎么用javascript
浏览 0提问于2010-04-18得票数 1
回答已采纳
我想使用这样的括号符号访问类型化对象： bar: string[];var name= "bar";据 4.10所理解，这是一种预期的行为：
A bracket notation property acces
浏览 3提问于2016-01-11得票数 44
回答已采纳
VS代码上的JSDoc是将道具显示为对象而不是数组。您可以在这个中的函数名上悬停鼠标来测试它。根据，它应该能够记录：
数组项道具，如：@param {string} employees[].nameNote：我知道可以像下面这样使用@typedef来解决这个问题，但是我更感兴趣的是了解为什么文档不能像我预期的那样工作。* @param {Object}
浏览 0提问于2021-06-08得票数 5
我目前正在使用React Native，我有一个关于React导航和StackNavigator的问题。我想在标题中添加一个自定义的关闭按钮，但是我不确定该怎么做。但我对EntryScreen的navigationOptions有点问题。在那里我构建了一个返回的CloseButton，但我需要访问导航对象。使用navigate可以导航到其他屏幕，但我需要访问父对象navigation。例如，在抽屉<
浏览 2提问于2017-03-22得票数 2
2回答
我使用了螺旋桨方法，但是铬控制台说这个错误TypeError:无法读取未定义的属性(读'props')这是我的“详细信息”视图页面的全部代码 }
this.props.history.push({
pathname，这是我的编辑页代码，我如何将数据传递给这
浏览 5提问于2022-05-01得票数 1
如何从字符串“背景”中获得对象/元素的方法例如：“背景”？这里是我的方法，看起来有点像jQuery： var p = document.querySelectorAll
浏览 9提问于2015-01-27得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
云直播活动推荐
腾讯云开发者
