326得票10回答
在React JSX中访问引号内的props

在JSX中,如何引用props中的值并将其插入到属性值引号内?例如:<img className="image" src="images/{this.props.image}" /> 生成的HTML输出为:<img class="image" src="images/{thi...

206得票1回答
React JSX中的forEach()没有输出任何HTML

我有一个对象,想要通过React输出: question = { text: "Is this a good question?", answers: [ "Yes", "No", "I don't know" ] } ...

149得票6回答
将对象作为属性传递给JSX

我有一个包含多个通用键值属性的对象,我想将它传递给一些jsx。类似这样:const commonProps = {myProp1: 'prop1',myProp2: 'prop2'}; <MyJsx commonProps /> 我希望这可以作为传递单独的 props 的功能:&l...

124得票5回答
函数式无状态组件中的 PropTypes

在函数式无状态组件中,如何使用PropTypes而不使用class?export const Header = (props) => ( <div>hi</div> )

94得票8回答
如何在React函数组件中使用泛型props?

在基于类的组件中,我可以轻松地编写以下代码: import * as React from 'react'; import { render } from 'react-dom'; interface IProps<T> { collapsed: boolean; ...

65得票7回答
在TypeScript中将useState作为props传递

假设我有一个父组件和两个子组件:const Parent = () => { const [myVar, setmyVar] = useState(false) return ( <> <MyChildComponent1 myVa...

63得票5回答
React - 类型错误:无法读取未定义的 'props' 属性

我正在尝试创建一个点击事件,以便能够删除我的列表中的项,但当我单击时,我会收到“TypeError:无法读取未定义的属性'props'”。 我尽可能地坚持使用ES6,并且我相信它与某处绑定'this'有关,但是我尝试了许多地方并且没有成功。import React, { Component ...

60得票9回答
React属性:我应该传递对象还是它的属性?这会有很大的区别吗?

当传递props时,我应该将整个对象传递给子组件,还是应该在父组件中首先创建props并将这些props传递给子组件? 传递整个对象: <InnerComponent object={object} /> 首先单独创建所需的props: <InnerComponen...

51得票4回答
在Typescript React应用程序中指定特定属性并接受一般的HTML属性。

我有一个React包装组件,它接受一些props,但将所有其他props转发给子组件(特别是原生props,如className、id等)。 然而,当我传递原生props时,Typescript会报错。错误信息如下: TS2339: 属性“className”在类型“Intrinsi...

48得票11回答
如何通过选项卡导航向屏幕组件传递属性?

这是我在 StackOverflow 上的第一篇帖子,如果我没有按照正确的格式进行,请见谅。 我正在使用 React Navigation v 5.x 中的选项卡导航构建我的第一个应用程序,但在从一个屏幕传递 props 到另一个屏幕时遇到了大问题。 我想要实现的是: 更改我的一个屏幕中的数...