Im在使用mapstatetoprops时变得不确定
在使用mapStateToProps时变得不确定是指在React中使用Redux的connect函数时，对于mapStateToProps函数的使用感到不确定。
mapStateToProps是一个用于将Redux store中的state映射到组件props的函数。它接收一个参数state，代表整个Redux store的状态，然后返回一个对象，该对象包含组件所需的props。
当你在使用mapStateToProps时变得不确定时，可能是因为以下几个原因：
- 不清楚如何正确地编写mapStateToProps函数：在编写mapStateToProps函数时，你需要根据自己的需求从Redux store中选择并返回特定的state。你可以通过state的键来访问不同的state属性，并将其映射到组件的props中。如果你不确定如何编写mapStateToProps函数，可以参考Redux文档或相关教程，了解如何正确地使用该函数。
- 不确定需要映射哪些state属性：有时候你可能不确定需要从Redux store中选择哪些state属性进行映射。这可能是因为你对应用的状态管理不够了解，或者你对组件所需的state属性不确定。在这种情况下，你可以仔细分析组件的需求，并确定需要哪些state属性来满足这些需求。
- 不确定如何处理映射后的props：一旦你将state映射到组件的props中，你可能不确定如何在组件中使用这些props。这可能是因为你对React组件的props使用不熟悉，或者你对Redux的工作原理不够了解。在这种情况下，你可以查阅React文档或相关教程，了解如何正确地使用组件的props。
为了解决这些不确定性，你可以采取以下步骤：
- 确保你对Redux的基本概念和工作原理有一定的了解，包括Redux store、action、reducer等。
- 仔细阅读Redux文档中关于connect函数和mapStateToProps函数的说明，确保你理解它们的使用方法和作用。
- 分析你的组件需求，确定需要从Redux store中选择哪些state属性进行映射。
- 编写mapStateToProps函数，根据你的需求从Redux store中选择并返回相应的state属性。
- 确保你对React组件的props使用熟悉，可以正确地在组件中使用映射后的props。
最后，如果你使用腾讯云作为云计算平台，你可以考虑使用腾讯云的云原生产品，如腾讯云容器服务（Tencent Kubernetes Engine，TKE）来部署和管理你的应用程序。TKE是腾讯云提供的一种基于Kubernetes的容器服务，可以帮助你快速构建、部署和扩展容器化应用。你可以通过以下链接了解更多关于腾讯云容器服务的信息：https://cloud.tencent.com/product/tke
相关·内容
2回答
我正在学习如何在Python3.7中优化循环，但我一直收到“无效语法错误”。我已经检查过有没有漏掉括号。代码如下：
best = probabilities[0]
best = (probabilities[i] for i in range(1, len(probabilities)) if probabilities[i] > best)
print(best)
prob, im = (prob, im for prob, im in zip(probabilities, image_names) if prob == best)
retur
浏览 28提问于2019-11-07得票数 0
回答已采纳
我试图通过以下方法在MATLAB中实现整体图像：
im = imread('image.jpg');
ii_im = cumsum(cumsum(double(im)')');
im是原始图像，ii_im是整体图像。
这里的问题是ii_im流中的值超出了0到255的范围。在使用imshow(ii_im)时，我总是得到一个非常明亮的图像，但我不确定这是正确的结果。我说对了吗？
浏览 6提问于2015-02-22得票数 2
回答已采纳
我已经阅读了Redux教程，并且对Redux有一点新的了解。我正在尝试访问我的Redux Store中的当前状态。在开发工具中，我可以在Redux state中看到状态对象和我的数据，但是当我连接mapStateToProps时，状态返回未定义。
export class VersionDiff extends Component {
render() {
const { diffs } = this.props;
console.log(diffs, 'im the diffs');
return (
<div>
浏览 0提问于2018-08-01得票数 1
1回答
我在一个带有mapStateToProps的组件中使用了我的应用程序全局状态。我的问题是使用道具的最佳方法是什么。通过在父类中执行mapStateToProps，获得道具，然后传递给子节点或在子节点中执行mapStateToProps。
当我的react组件应该更新或不更新时，我正在进行一些优化。
浏览 5提问于2016-03-28得票数 0
回答已采纳
在应用程序中有一个容器组件：
import { connect } from 'react-redux'
import MyComponent from '../components/mycomponent'
const mapStateToProps = state => ({
myData: state.myData[state.activeDataId]
})
export default connect(mapStateToProps)(MyComponent)
如果state.myData[state.activeDataId]不存在，
浏览 2提问于2017-08-16得票数 2
这是我的集装箱
import { connect } from 'react-redux';
import { bindActionCreators } from 'redux';
import Login from './Login';
import { loginAction } from './LoginAction';
const mapStateToProps = (state, ownProps) => {
console.log('mapStateToProps', state)
re
浏览 2提问于2022-08-20得票数 0
第一个图像是关于错误im获取的，第二个是API，我只需要从该API中显示供应商: store_name，但是单击update按钮时，它会显示此错误，否则它仍然正常，只能手动重新加载。
未处理拒绝(TypeError)：无法读取未定义的属性(读取'store_address')
let cart_product_item = this.props.cart_product;
return (
{
cart_product_item && cart_product_item.length > 0
浏览 3提问于2021-11-12得票数 0
回答已采纳
链接到git：
我怀疑这个问题与减速机和集装箱之间的连接有关。在dir: src/containers/TodoList.js中，我调用了：
mapStateToProps = state => ({ state: state.todos })
和
export default connect(mapStateToProps)(TodoList)
但我不确定这是否是正确的方法来传递托多减速机返回到容器的东西。
App的行为:布局显示，但是当我在填充输入字段后单击'Add‘时什么也不会发生。
预期行为:输入字段中的输入，显示为无序列表的列表项部分。
浏览 0提问于2018-05-03得票数 0
回答已采纳
当我使用react.js和react-redux创建一个项目时，我通常会创建一个独立于其他组件文件的操作文件，并使用connect函数将操作创建器导入到组件中，就像这样。 import { deletePost } from "../../actions";
connect(mapStateToProps, { deletePost })(aComponent); 但是在我发现mapDispatchToProps函数的存在后，直接从组件内部将操作分派给reducer会更方便。 const mapDispatchToProps = (dispatch) => {
浏览 14提问于2019-04-14得票数 0
回答已采纳
我正在尝试使用Redux调度来处理API错误，在最后创建action，reducer & connect(mapStateToProps)。
所以当我输入错误的url时，我会在我的视图上得到错误信息。但我的按钮链接包装在标签中，然后我的下一个视图显示相同的错误消息，而不是呈现新视图。
// Actions
export const API_ERROR = "API_ERROR"
export const resetErrorCode = () => ({
type: RESET_ERROR_CODE
})
// Reducers
import { API_E
浏览 0提问于2019-02-11得票数 0
我有Domino服务器(Windows7/646.1上的9.0.1 FP10 )，当我在我的Xpage和加载页面中包含RichTextBox时，我会出现错误
@Fi&@Im&@In.js:274 dojo/parser::parse() error TypeError:
CKEDITOR.scriptLoader.queue is not a function
at Object.$DDMp_ [as _postCreate] (@Fi&@Im&@In.js:443)
at Object.$DDMl_ [as postCreate] (@Fi&@
浏览 2提问于2019-01-24得票数 0
我第一次在应用程序中使用Redux，并且在理解如何将组件的内部状态传递给全局状态对象时遇到了问题。
`export default class ComponentOne extends Component {
constructor() {
this.state = {
number: 0
}
handleNumber = (e) => {
this.setState({
number: e.target.value
})
}
render() {
c
浏览 0提问于2018-04-04得票数 1
我有个愚蠢的问题。我正在努力学习一些反应，并遇到了一个问题。
我使用mapStateToProps返回一个与OwnProps中的特定ID匹配的过滤对象。那部分运作得很好。当我记录状态时，我可以看到返回了正确的项。问题是，我不确定如何访问传递给它的组件的值。
这是我的密码：
const ProductModal = (props) => {
return (
<Modal
isOpen={props.isOpen}
onRequestClose={props.handleCloseModal}
contentLabel=&
浏览 0提问于2018-10-17得票数 0
回答已采纳
为什么我不能从mapStateToProps访问descriptionList有点奇怪，因为我调用了动作fetchDescription，但我不确定为什么在组件中返回未定义的descriptionList 下面是显示该列表存在的console.log： ? 这是我的组件： 从‘../../actions/actions’导入{ fetchDescription }； const Description = (props) => {
const { descriptionList } = props;
useEffect(() => {
props.fetch
浏览 84提问于2021-01-29得票数 1
回答已采纳
我试图使用mapStateToProps将一个对象(称为讲座)从状态传递给道具。该对象存在于一个对象数组中。我相信我犯了一个语法错误，但不确定正确的语法应该是什么，因为下面的代码适用于循环遍历父对象(其中包含父对象中的对象)，并在父对象中选择正确的对象。
//This code works to cycle through a parent Object that contains objects inside of it; returning the object inside that has the correct ID.
//It doesn't work in this si
浏览 2提问于2020-07-24得票数 0
我正在使用引导模式，当我单击模式右上角的"x“时，在一个元素上的单击事件中它是打开的，但不能关闭它。问题是，我确实成功地通过道具将状态从父组件传递到子组件，但是当我在子组件中调用函数"lgClose“时，它将转到父组件，但实际上并没有将状态位置更改为"false”。我可以看到它在函数内部，因为我放了"console.log('im in the function')“，我可以看到它。为什么父组件中的状态没有更改为false？
import React, { Component } from 'react';
import {
浏览 0提问于2019-04-24得票数 1
1回答
我正在尝试设置受保护的路由，其中用户被重定向到/login页面，如果他们没有登录，但它不工作时使用redux。
这是我的ProtectedRoute组件：
import React, { useEffect } from 'react';
import PropTypes from 'prop-types';
import { connect } from 'react-redux';
import { Route, Redirect } from 'react-router-dom';
import { authenticat
浏览 0提问于2019-05-16得票数 0
1回答
当输入被更改时，我试图更改redux的存储。我对该属性的输入如下：
onChange= {(事件，值) => {if(值){addCountry(值)console.log(国家)}
当我发送带有其值的addCountry时，国家(一个im控制台日志)是我想要更改的东西。
addCountry的操作是这样的：
export function addCountry(name) {
return {type: 'ADD_COUNTRY', payload: name }
}
我的减速机是这样工作的：
const initialState = {
countries
浏览 0提问于2021-05-24得票数 0
回答已采纳
1回答
试图连接一个临时的
、、、、
Im试图使用用户角色来确定是否显示组件。所以我试着用一个特别的方法来处理这个功能，但是我得到了一个错误，我不太明白。以下是代码：
import React from 'react';
import { getUserRoles } from 'modules/api/account/user/selectors';
import { connect } from 'react-redux';
const RestrictedOrFallBack = ({
wrappedComponent,
role,
userRoles
浏览 0提问于2019-01-29得票数 1
回答已采纳
3回答
每次按下按钮时，我都会尝试向用户配置文件中添加积分。积分应该会累积起来。
在进入模态组件时，我可以将点添加到概要文件中(该组件具有添加点的按钮&只能按下一次)。但是，当我重新加载模式时，现在禁用了按钮，点仍然在更新，但将变为空。
另一个问题是积分不是累积的，而是每次都被替换。
"points“是问题所在。其他一切都能正常工作。
const EventLog = ({ current, logPointsNow, logPoints }: IEventLog) => {
const [dateLogged, setDateLogged] = useState("
浏览 3提问于2020-09-18得票数 0
1回答
我想用调用tmdb api的结果更新我的趋势数组。我不确定我是用错误的方式调用api，还是在这个过程中搞砸了其他地方。到目前为止，我真的对我尝试过的东西感到困惑。重复同样的事情，却得不到真正的解决方案。我还没能找到另一个和我的问题类似的问题。 my actions
export const getTrending = url => dispatch => {
console.log("trending action");
axios.get(url).then(res =>
dispatch({
type: "TREN
浏览 9提问于2019-04-30得票数 1
回答已采纳
如何将参数传递给mapStateToProps()
例如：
const mapStateToProps = (state, dimenType: string) => {
var jsonVariable = {}
for(var i=1; i <= 3; i++) {
jsonVariable[dimenType + i] = dimenType + i
}
console.log(jsonVariable)
return {
width1: state.get('width').get('width1').t
浏览 0提问于2017-03-22得票数 5
1回答
我有下面的组件
export class Requirements extends React.Component {
static propTypes = {
locArray: PropTypes.array
};
constructor(props) {
super(props);
this.state = {
selectedJ: props.locArray.length !== 0 ? '1' : '2'
};
this.updateSelected = this.updateSele
浏览 5提问于2022-08-30得票数 0
在组件中 import React, { Component } from 'react';
import { connect } from 'react-redux';
import PropTypes from 'prop-types';
import ProfileForm from '../common/ProfileForm';
import { createProfile } from '../../actions/profileActions';
import { withRouter } from
浏览 12提问于2019-02-06得票数 0
回答已采纳
我有一个组件，我试图从其中访问状态，它看起来如下：
const Product = ({add, id, title, image}) => (
<div className={styles.product} onClick={() => add(id)}>
<img src={image} alt={title} className={styles.productImage}/>
{title}
</div>
);
export default connect(() => ({}), {add})(Product
浏览 1提问于2018-10-17得票数 2
回答已采纳
0回答
我刚开始在React/Redux项目中使用Typescript，我不确定类型定义应该如何应用于应用程序状态。我正在尝试通过mapStateToProps向容器组件提供一段状态。但是我得到一个错误，说'state‘必须有一个类型定义。
function mapStateToProps (state) {
return {
deals: state.deals
};
}
浏览 1提问于2017-06-13得票数 0
回答已采纳
1回答
浮点数减法精度差
、、
我尝试从外部图像处理库中复制一些算法，但我发现了奇怪的浮点数减法精度错误。
在原始库(在32位调试配置下运行)中有一段代码：
double d1 = *im1 - m_Centroids[j][0];
此时我的代码是相同的(也是在32位调试配置下运行)：
double d1 = *im1 - m_Centroids[j][0];
在原始库中程序执行的某个时刻(停止调试时)，这些变量会有值(在VisualStudio监视窗口中)：
Original code:
*im1 0.113626622 float
dou
浏览 0提问于2015-10-18得票数 0
1回答
代码我定义了组件类并按如下方式连接它：
export class SkypeConversationArea extends React.Component<Props> {..}
const mapStateToProps = (state: State) => {
return {
loading: state.loading,
hangUp: state.conversation.hangUp,
selfParticipantStatus: state.conversation.selfParticipant.status
}
}
co
浏览 0提问于2018-06-20得票数 1
回答已采纳
3回答
在动态生成元素im时，将事件附加到元素im有问题。我希望能就解决这个问题提出任何建议，我不确定这是我用来附加事件的方法，还是其他的方法：
for (var i = 0; i < array.length; i++) {
itemlist=itemlist.concat('<pre'+' id="pres'+i+'"'+'>'+array[i]+'</pre>');
var name = '#pres'+i;
$( name ).click(funct
浏览 13提问于2016-07-04得票数 2
回答已采纳
所以我想用酶/Jest测试mapStateToProps和mapDispatchToProps。
我有一个像这样的组件DrawerAvatar：
DrawerAvatar.js
const mapStateToProps = state => ({
isAuthenticated: state.authReducer.isAuthenticated
});
export default compose(
connect(mapStateToProps, null)
)(DrawerAvatar);
DrawerAvatar.test.js
import configureMoc
浏览 3提问于2018-08-21得票数 6
我正在学习React和Redux，我发现了以下问题，我无法理解，我在商店中有一个配置对象，可能如下所示：
{
general:{duration:100,strength:100},
gameA:{strength:50},
gameB:{duration:50}
}
其中通用对象将始终在那里并且将具有所有属性，并且它可以具有具有全部或部分覆盖属性的一个或多个游戏对象。
现在，游戏GameA和GameB使用duration和strength道具，所以我可以这样做：
const mapStateToProps = (state) => {
return {
浏览 15提问于2018-01-03得票数 3
2回答
我对redux还不熟悉，因此遇到了一个装饰器实现，现在我想出了如何根据我的需求来建模。下面是我完成的语法，我需要将其转换为非装饰形式：
@connect(
state => ({
authentication: state.authentication
}),
dispatch => bindActionCreators(LoginActions, dispatch)
)
我需要转换的形式是：
const mapStateToProps = state => {
return {
authentication: state.
浏览 3提问于2017-10-30得票数 0
回答已采纳
我想使可重用的模块，可以插入到任何反应-还原应用程序。理想情况下，我的模块应该在顶层有一个容器组件、操作和还原器(然后是容器下面的任何表示组件)。我希望模块只处理自己的应用程序状态，理想情况下不必知道应用程序状态的其他部分(所以它是真正模块化的)。
还原器只在部分状态下工作(使用combineReducers)，所以我在那里很高兴。然而，对于容器组件，mapStateToProps似乎总是处于应用程序的全部状态。
我希望mapStateToProps只接受我在模块中处理的相同的“状态片”(就像还原器一样)。这样我的模块才会真正模块化。这个是可能的吗？我想我可以将状态的这一部分向下传递给这个组件
浏览 15提问于2016-09-28得票数 14
回答已采纳
目前，我完全被React 困住了。
当状态更改为true时，它应该显示console.log('currentBoolean')，但这并没有发生。
不确定是否应该使用usePrevious，因为在比较数字时，它与这段代码工作得很好，但是当我试图检查缺省布尔值是否正在改变时，它似乎不起作用。
const MemoryPageTwo = ({ disabledAllCards }) => {
const boolean = useRef(null);
const [ isCurrentBoolean , setLevel ] = useState(fals
浏览 0提问于2019-08-01得票数 5
我正在使用React创建一个单页面web应用程序，使用Redux存储状态。当我在mapStateToProps()中访问像state.workspace.guest.data这样的东西时，它会导致应用程序崩溃。
mapStateToProps()似乎是在componentDidMount()之前调用的，这会调用实际导致state.workspace.guest初始化的this.props.getGuests()操作。当我手动输入URL并按enter键时，页面将正确加载。但是，当我在应用程序中导航时，当state.workspace.guest为undefined时，mapStateToProp
浏览 0提问于2019-07-10得票数 0
我的组件试图在用户输入和提交之前不存在的表单数据mapStateToProps。表单将接受输入，将其存储到redux中，然后我将能够获取该数据，并在API调用之后填充一个表。
const StepOne = props => {
const [formObj, setFormObj] = useState({
rigName: "",
desc: "",
choices: [
{
choice: "",
customAttribute: ""
浏览 1提问于2020-03-28得票数 0
回答已采纳
1回答
Redux，渲染信息的时间
、、、、
我正在尝试在组件中使用我的redux存储中的信息，我需要更好地了解收到信息的时间。我有以下导航组件与mapStateToProps调用，我想有个人资料图片链接加载到标题中…像Facebook或许多有用户登录的网站。 class Navigation extends Component {
// IF WE HAVE A USER PROFILE, DYNAMICALLY DEFINE THE LOGIN/PROFILE PICTURE
renderContent() {
switch (this.props.auth.data) {
cas
浏览 6提问于2020-01-24得票数 0
我尝试使用钩子useRef()来保存下一步要显示的项的计数器，并在每次呈现时递增计数器，并使用计数器值对数组中的元素进行切片。在每次渲染时，计数器index.current应该增加10，但在我的例子中，它没有增加，我一遍又一遍地得到相同的10个元素。我不知道为什么。这里的集合概述组件在集合预览组件上映射了4次。
//CollectionPreview
const CollectionPreview = ({title,movieItems,Counter}) => {
const index = React.useRef(0)
const movieData =
浏览 17提问于2019-08-19得票数 0
1回答
单击按钮时，我使用socket.io将测试订单添加到状态。当我点击一次按钮时，一切都很正常。在我第二次单击它之后，它显示socket.emit不可用？只有当我添加mapStateToProps时才会发生这种情况。在此之前，我能够多次点击按钮而没有任何问题。只是在我将mapState添加到道具后，socket.emit功能才突然不可用。我不确定我在这里做错了什么。任何帮助都将不胜感激。谢谢!
import React, {useEffect, useState} from "react";
import io from "socket.io-client/build/in
浏览 0提问于2020-12-31得票数 0
我所拥有的模块包含以下行。连接似乎有两对括号。这是什么意思？
export default connect(mapStatetoProps, mapDispatchToProps).
(LandingComponent)
试图查找各种文档
import { connect } from 'react-redux'
import { LandingComponent } from './Landing'
const mapStatetoProps = state => {
return {}
}
const mapDispatchToProp
浏览 0提问于2019-06-18得票数 0
回答已采纳
具有非常简单的组件：
从“prop- PropTypes”导入React从“react”导入{ connect }从“react-redux”导入react
class MyComponent extends React.Component {
componentWillMount() {
if (this.props.shouldDoSth) {
this.props.doSth()
}
}
render () {
return null
}
}
MyComponent.propTypes = {
doSth: PropTypes.
浏览 7提问于2018-06-22得票数 6
我正在使用React + Redux处理我的第一个项目，当我尝试在componentDidMount部件中分派函数时遇到了一些问题。我试图遵循文档中的Reddit API example项目，但由于他们使用的是JavaScript，而我使用的是TypeScript，所以并不完全相同。 这就是我试图实现的React组件： export class EducationComponent extends Component {
constructor(props: any) {
super(props);
}
componentDidMount() {
浏览 30提问于2019-10-03得票数 1
有人能帮我做这个测试吗？ 我编写了一个简单的react-redux示例，其中包含用户可以装满购物车的产品列表。我创造了一个减速器，就像 const cartReducer = (prevState = storeInitialState, action) initialState在哪里 export const storeInitialState = {
forSale: GROCERY_ITEMS,
cart: []
} forSale是要销售的产品，cart是用户在购物车中拥有的产品 通过使用redux执行chrome开发人员工具，我可以看到状态中有要销售的产品，但是当我
浏览 24提问于2020-12-24得票数 0
我遇到了一个例子，其中mapStateToProps函数正在使用回忆录。我只是想知道"state“参数是如何传递给回忆录的选择器的。在查看了用于重新选择和redux的文档之后，似乎mapStateToProps可以返回一个接受状态作为其参数的函数，并且连接装饰器可能是将状态传递给它但不确定的那个函数。谁来点明灯好吗？
views/tracklist/index.js
const mapStateToProps = createSelector(
getBrowserMedia,
getPlayerIsPlaying,
getPlayerTrackId,
getCurre
浏览 3提问于2017-01-10得票数 9
回答已采纳
1回答
因此，im从服务器获取数据(图像)，并使用页面上的引导传送带来呈现它们。然而，当我呈现这些图像时，传送带堆叠在一起，而不是水平分布在页面上，而是垂直分布。我想知道为什么？也许是用我的彩色鞋带布局什么的？还是将样式传递给对象，使其显示like和内联块？有没有办法让它们像网格一样水平展开？
const ImageCarousel = React.createClass({
getInitialState(){
return null
},
componentWillMount() {
this.props.fetchDiscovery()
},
renderImages(images)
浏览 1提问于2016-03-01得票数 1
回答已采纳
2回答
我在vscode上使用Phaser创建了一个简单的游戏。我读到我需要在本地运行它，这样才能在chrome上运行，而且我无法使用vscode的F5来运行它。
当im打开"index.html“并按下F5时，它会弹出一个警告框，上面写着”找不到要调试的进程“。在任何其他文件上执行im时按F5会导致调试器“未定义窗口”(当im在phanser.js上时)/“Phaser未定义”(当im在任何其他文件上)中出现错误
我怎样才能正确地启动这个程序？很抱歉问了个基本问题。
浏览 0提问于2019-01-12得票数 0
回答已采纳
1回答
嗨，我试着旋转一个90度的图像，但是我想得到一个错误"ValueError:设置一个序列数组元素“，并且我不确定问题是什么。
当我尝试用数组运行函数时，它会工作，但是当我尝试使用图像时，我会得到错误。
def rotate_by_90_deg(im):
new_mat=np.zeros((im.shape[1],im.shape[0]), dtype=np.uint8)
n = im.shape[0]
for x in range(im.shape[0]):
for y in range(im.shape[1]):
n
浏览 5提问于2015-01-08得票数 0
回答已采纳
2回答
重选比容器组件的优势
、、、、
描述了如何使用重新选择createSelector()来避免在组件依赖于计算值的属性时进行不必要的更新。
另一种选择似乎是将必要的计算移动到一个(希望是)轻量级容器组件中，这个组件被连接到存储区。在这种情况下，mapStateToProps()将返回对存储的引用，并且connect()不会触发容器组件的更新，除非存储中的相关值已经更改：
import { connect } from 'react-redux'
import { toggleTodo } from '../actions'
import TodoList from '../compon
浏览 0提问于2018-05-11得票数 1
回答已采纳
这是im单击div (带有className=“酒店行”)时收到的整个错误消息im。
index.js:1警告: React.createElement: type无效--需要一个字符串(用于内置组件)或一个类/函数(用于复合组件)，但React.createElement: undefined。您可能忘记从定义在其中的文件中导出组件，或者您可能混淆了默认导入和命名导入。
检查您在HotelList.js:27的代码。
此组件与redux连接。
const mapStateToProps = (state) => state;
function mapDispatchToProps
浏览 1提问于2020-08-18得票数 0
回答已采纳
我试图向旧组件中添加类型注释，但不确定connect的类型是否支持我所要做的工作。该组件是一个连接组件，它接受一个具有广泛类型的支柱，然后使用该支柱在状态中查找一个值，并发出一个更窄的支柱。
现在，我可以定义宽类型的道具，代码也能工作。但是，我在组件中编写的任何代码都必须符合这种广泛的类型，尽管我知道它已经被缩小了。因此，为了满足类型记录，我要么必须添加类型断言，要么添加不必要的类型选项。
下面是一个简单的代码示例，用于显示行为：
interface ExampleProps {
thing: string | number;
}
const Example extends React.
浏览 0提问于2019-10-04得票数 3
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
