堆栈内存溢出
cost 113 ms
在 React JSX 中访问引号内的道具

[英]Access props inside quotes in React JSX

在 JSX 中，如何从引用的属性值中引用props中的值？ 例如： <img className="image" src="images/{this.props.image}" /> 生成的 HTML 输出为： <img class="image" src="images/{ ...

React JSX 中的 forEach() 不输出任何 HTML

[英]forEach() in React JSX does not output any HTML

我有一个要通过 React 输出的对象： 我的反应组件（减少）是另一个组件 正如您从上面的代码段中看到的，我试图通过在 props 中使用数组 Answers 来插入组件 Answers 的数组，它确实会迭代但不会输出到 HTML 中。 ...

将 object 作为 props 传递给 jsx

[英]Passing object as props to jsx

我有一个 object 包含多个常见的键值道具，我想传递给一些 jsx。 是这样的： 我希望这个 function 作为传递个人道具： 这可能吗？ ...

React 道具：我应该传递 object 还是它的属性？ 这有什么区别吗？

[英]React props: Should I pass the object or its properties? Does it make much difference?

传递道具时，我应该将整个 object 传递给子组件，还是应该先在父组件中单独创建道具，然后再将这些道具传递给子组件？ 传全object： 单独创建首先需要的道具： 哪个是首选，如果它取决于，我应该使用什么作为衡量标准来使用它们？ ...

如何使用选项卡导航器将道具传递给屏幕组件？

[英]How to pass props to Screen component with a tab navigator?

这是我在 StackOverflow 上的第一篇文章，如果我没有遵循正确的格式，请深表歉意。 我正在使用tab navigator from React Navigation v 5.x器构建我的第一个应用程序，并且在将道具从一个屏幕传递到另一个屏幕时遇到了一个大问题我想要实现的是： 在我的一个屏 ...

React - TypeError：无法读取未定义的属性“道具”

[英]React - TypeError: Cannot read property 'props' of undefined

我正在尝试创建一个能够删除我列表中的项目的点击事件，但是当我点击它时，我得到“类型错误：无法读取未定义的属性‘道具’”。 我试图尽可能地坚持使用 ES6，而且我很确定它可以在某处绑定“this”，但是我尝试了很多地方都没有成功。 ...

在 Typescript React App 中指定特定道具并接受通用 HTML 道具

[英]Specify specific props and accept general HTML props in Typescript React App

我有一个 React Wrapper 组件，它接受一些道具，但将所有其他道具转发给子组件（特别是与 className、id 等本机道具相关）。 然而，当我传递原生道具时，Typescript 会抱怨。 查看错误信息： TS2339：属性“className”不存在于类型“Intrinsi ...

`componentWillMount` 警告可见，即使 'componentWillMount' 没有明确使用

[英]`componentWillMount` warnings visible even though 'componentWillMount' is not explicitly used

在我的代码中，我没有明确使用componentWillMount ，但是在运行webpack时仍然看到一些警告。 react-dom.development.js:12386 警告：componentWillMount 已重命名，不推荐使用。 有关详细信息，请参阅 https:/fb.me/rea ...

输入'元素| undefined' 不可分配给类型 'ReactElement <any, string | ((props: any)< div><div id="text_translate"><p> 我有一个看起来像这样的组件。 这个版本完美运行：</p><pre> export default function StatusMessage(isAdded: boolean, errorMessage: string) { if (isAdded) { return <ResultAlert severity="success" text="User Added" />; } else { if (errorMessage.== '') { if ( errorMessage;includes('email') ) { return <ResultAlert severity="error" />. } if ( errorMessage;includes('phone number') ) { return ( <ResultAlert severity="error" text="" /> ); } } } }</pre><p> 现在，我正试图改变我导出它的方式。 我正在尝试这个：</p><pre> type StatusMessageProps = { isAdded: boolean; errorMessage: string; } export const StatusMessage: React.FunctionComponent<StatusMessageProps> = ({ isAdded, errorMessage }) => {</pre><p> 但我不断收到错误消息：</p><pre> Type '({ isAdded, errorMessage }: PropsWithChildren<StatusMessageProps>) => Element | undefined' is not assignable to type 'FunctionComponent<StatusMessageProps>'. Type 'Element | undefined' is not assignable to type 'ReactElement<any, string | ((props: any) => ReactElement<any, string |... | (new (props: any) => Component<any, any, any>)> | null) | (new (props: any) => Component<any, any, any>)> | null'. Type 'undefined' is not assignable to type 'ReactElement<any, string | ((props: any) => ReactElement<any, string |... | (new (props: any) => Component<any, any, any>)> | null) | (new (props: any) => Component<any, any, any>)> | null'.</pre><pre> I am using the same method on different pages but the error is only here</pre><p> 编辑：</p><p> 我像这样使用这个组件：</p><pre> const [isAdded, setIsAdded] = useState(false); {isSubmitted && StatusMessage(isAdded, errorMessage)}</pre><p> 它在 isAdded 上给我一个错误</p><pre>Argument of type 'boolean' is not assignable to parameter of type 'PropsWithChildren<StatusMessageProps>'.ts(2345)</pre></div></any,>

[英]Type 'Element | undefined' is not assignable to type 'ReactElement<any, string | ((props: any)

我有一个看起来像这样的组件。 这个版本完美运行： 现在，我正试图改变我导出它的方式。 我正在尝试这个： 但我不断收到错误消息： 编辑： 我像这样使用这个组件： 它在 isAdded 上给我一个错误 ...

何时使用 React.PropsWithChildren

[英]When to use React.PropsWithChildren

在我看来，两个类似的设置，在一台机器上我被允许调用 MyApp 有 class 签名的地方 在另一台机器上，运行npm run-script build失败 TypeScript 构建错误 TS2322：类型“...”不可分配给类型“...” 'IntrinsicAttributes &amp ...

React 0.14 的无状态组件如何在没有 shouldComponentUpdate 的情况下提供性能改进？

[英]How will React 0.14's Stateless Components offer performance improvements without shouldComponentUpdate?

自从我阅读关于 React 0.14 的发行说明（以及其他相关的炒作）以来，这个问题一直在我脑海中盘旋——我是 React 的忠实粉丝，我认为无状态组件（ https://facebook.github. io/react/blog/2015/09/10/react-v0.14-rc1.html#s ...

比较 componentDidUpdate 中的 PrevProps

[英]Comparing PrevProps in componentDidUpdate

我正在尝试检测已安装组件的componentDidUpdate内的道具何时发生变化。 我有一个工作正常的测试（下面代码中的refreshData ）。 是否可以通过componentDidUpdate(prevProps)未检测到的方式传递道具？ 在 component.js 中： 并在 Ap ...

“FetchPeriod”类型上不存在属性“state”

[英]Property 'state' does not exist on type 'FetchPeriod'

我正在尝试按照本教程学习 ReactJS： 教程 我是编程语言的新手，所以我现在不知道该怎么做。 当我尝试添加“Fetchemployee.tsx”文件时，在this.state方法中出现错误。 (TS) 类型“FetchPeriod”上不存在属性“state” 这是代码： 然后我 ...

即使我可以从 child 内部的 redux 获取它，将道具传递给 child 是否更好？

[英]Is it better to pass prop to child even if I can get it from redux inside child?

在我的 React 应用程序中，假设我有一些父组件及其直接子组件都需要的数据。 应用使用redux进行state管理。 现在，在子组件中，我可以使用useSelector并获取状态。 但是由于我已经在父级中获得了信息（如果重要的话，我也使用了useSelector ），我只是将道具传递给子级，例如 ...


排序:
质量:
 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM