开发者问题收集
我目前正在尝试在我的某个视图中实现 React/Redux,但出现了异常:TypeError: Cannot read property 'newsItems' of undefined错误发生在mapStateToProps函数的newsItems: state.newsItems,行上我的 Reducer 将newsItems初始化为一个空数组,因此我不确定为什么它会是undefined我的组
在我的 create-react-app/redux 中,我有一个“已连接组件”:import React from "react";import "./App.css";import { connect } from "react-redux";function App() {debugger;const { datas } = this.props;debugger;return <div c
我正尝试按照https://www.codeproject.com/Articles/5130417/Quiz-Application-in-React-Using-Redux中的示例,使用 Redux 制作一个简单的测验。不知何故,我认为 quizLoad Reducer 没有获取数据,甚至没有被正确调用。这是我的 Reducer:const QUIZ_LOAD = 'QUIZ_LOAD';co
关于一些背景信息,我是 Redux 的新手,但是我已经在同一个项目的另一个类中实现了 redux 函数。错误在于 handleDragStop 函数,其中 this.props 未定义。我确信操作 setSpotifySelectedTrackFeature 是有效的,因为我是根据之前遵循的相同程序进行的。唯一的区别是这个组件定义为 const 而不是类(我在其中成功使用了 redux 函数),我
我尝试使用 fitBounds 使所有标记都以适当的缩放级别可见。getBounds(){return [[12.49637,41.90278],[12.319398,45.441906],[13.055054,47.809532],[16.373724,48.208244]]}<Mapstyle="mapbox://styles/mapbox/streets-v9"containerStyle=
我正在使用 Mapboxgl 和 React 在我的网页上显示地图,但在设置 mapbox 的大小时遇到​​了很大的麻烦。我编写了自己的 css 类来至少显示地图,否则由于某种原因,它显示的高度为 0。我的自定义 css 类如下所示.custom-map {display: flex;width: 100%;height: 54em;}我还在我的项目中本地加载了mapboxgl css文件,完整文
我正在尝试将一个基本的 deck.gl(mapbox 静态地图)添加到一个 react 项目 - 我可以做到这一点;但是,一旦地图加载完成,它就会占据整个页面,任何其他信息都会隐藏在地图后面。例如,我在地图上方的<p>中有一些文本,但它应该显示在地图上方,但却隐藏在地图后面。尝试调整地图所在的 div 的大小均失败:margin-top、height 等。该类名为 DglMapclass DglM
我试图让地图响应我的网站,因此我添加了 if 语句,但它不起作用,宽度只有在我手动编辑时才会改变。有人可以帮忙吗?我一直在尝试解决这个问题,但我只是不明白为什么它不起作用let phone = "320";let tablet = "900";let bigScreen = "2600";let bigLaptop = "1400";let laptop = "1000";function use
我有一张带有maxBounds属性设置的地图,该地图工作正常,但我们使用的是第三方的图块集,该图块集仅提供英国的整个地图,因此我想知道是否有可能将地图限制在其容器div中,以便不呈现的空白处对用户保持隐藏?这是我的设置:const [viewport, setViewport] = useState({latitude: 53.55,longitude: -2.39,width: '100%',h
我的地图实例位于可调整大小的容器中,当我更改大小时,我应该调用 map.resize()。我想知道是否有办法监听 mapbox 容器调整大小事件,以便它可以触发 map.resize()?您能建议如何操作吗?export default function Map({ chartID, configuration, data }) {const classes = useStyles();const
我希望在组件安装时能够缩放到边界。我知道这个原始 JS 代码可以实现缩放到边界,但不确定如何将其融入下面的 React 代码中(我认为需要 REF?):var bounds = new mapboxgl.LngLatBounds();parkDate.features.forEach(function(feature) {bounds.extend(feature.geometry.coordin
我有一个 React.js 组件,它从 componentDidMount() 中的 API 调用中提取其初始状态数据。数据是一个对象数组。我能够使用 JSON.stringify 查看数组和各个元素(用于调试),但是当我尝试访问元素中的属性时,出现错误,似乎暗示该元素未定义,尽管已检查过它并非如此。代码:class TubeStatus extends Component {constructo
运行此代码时,我在App.propTypes的第一行出现错误TypeError: Cannot read property 'array' of undefined代码: class App extends React.Component {render() {return (<div><h3>Array: {this.props.propArray}</h3><h3>Array: {this.
我不知道此代码有何不同。类 a 是组件,示例是 example.jsimport React, {Component} from 'react';const styles = {border: {display: 'inline-block',height: '19px',padding: '1px 8px 0',border: '2px solid',borderRadius: '12px',l
在 API 请求后将船队的实时数据传递到表中之前,我想尝试注入样本数据,实际上我对它们进行了硬编码。目标是:如果我可以读取样本数据,那么 API 几乎肯定会将数据显示到我正在寻找的所有船只的表中。但是调试器提示ErrorTypeError - 无法正确读取未定义变量的属性,而Console提示:Response { type: "opaque", url: "", redirected: fals