jsx相关内容

根据条件渲染 JSX 元素

所以我在一个我一直在开发的网络应用程序中有一个简单的组件,我想知道是否有一种方法可以根据 this.props.item 的值在这个组件中呈现一个元素. 这是我的 JSX: var React = require("react");var actions = require("../actions/SchoolActions");module.exports = React.createC ..
发布时间:2022-01-21 10:46:48 前端开发

React Native 究竟是什么<>(空)组件

在 React Native 中,您可以将一组组件封装在一个 (或类似的)组件中.您还可以将一组组件封装为 和 .这些是什么?他们只是转换为基本视图吗?这可能不是一个好的做法,但它不会发出警告,也不会崩溃. 解决方案 这是 Fragment 组件的 React 快捷方式. 你可以这样写: import React, { Component } from 'r ..
发布时间:2022-01-21 10:40:51 前端开发

React 中如何使用布尔属性?

我试图澄清我对 React 中布尔道具的一些困惑. 假设一个 MyComponent 有几个布尔属性 prop1, prop2... 首先:布尔属性似乎和其他属性一样:您可以在 defaultProps 或解构参数: const MyComponent = ({ prop1, prop2 }) =>(...);MyComponent.defaultProps = {道具1:假,道具2 ..
发布时间:2022-01-19 17:20:07 其他开发

无法读取未定义错误的属性“匹配"

我试图在 React JS 前端显示一些文本来代替配置文件图像,当它不可用时.基本上,我将当前客户名称传递给一个函数,该函数提取名称中所有单词的第一个字符.我能够只显示名称,但是当我执行函数调用时,我收到无法读取未定义的属性“匹配"错误并且页面未呈现.Console.log() 显示未定义. HTML: ..
发布时间:2022-01-19 13:03:59 前端开发

单击按钮打开模式

接下来的代码使用了一个 Modal react 组件: 导出类 AddWorkLogEditor 扩展 React.Component {构造函数(道具){超级(道具);this.addWorkLog = this.addWorkLog.bind(this);this.onOpenModal = this.onOpenModal.bind(this);this.onCloseModal = th ..
发布时间:2022-01-17 11:06:31 其他开发

反应 - 未捕获的类型错误:无法读取未定义的属性“func"

我收到错误: 未捕获的类型错误:无法读取未定义的属性 'func' 但我不知道为什么,我已经在谷歌上搜索了错误,并给每个人发了同样的错误,但没有运气.谁能帮帮我? 我正在使用 react-router@3.0.2 index.jsx 从'react'导入React;从 'react-dom' 导入 ReactDOM;从“反应路由器"导入{路由器,浏览器历史};从“反应头盔 ..
发布时间:2022-01-02 23:57:30 前端开发

用于反应的控制台日志记录?

我是 React 的新手,我正在尝试为 Meteor 设置它,并将其他来源的东西拼凑在一起.这些其他来源之一为应用程序设置了控制台日志记录,但我将采用 ES6/JSX 方式,因此仅使用他们的代码对我不起作用(或者它似乎不起作用). 我发现的一些用于日志记录的代码是 从'simple-console-logger'导入记录器;Logger.configure({level: 'debug'} ..
发布时间:2021-12-22 22:43:59 前端开发

如何在 react-redux 中发出 HTTP 请求?

我刚刚开始使用 React,我有点迷茫.我正在尝试创建一个登录页面并发出一个 http 发布请求.现在我只是想让任何类型的 HTTP 请求工作,所以我正在使用 request bin 并且我在 npm 包的文档中找到了这个基本操作(https://www.npmjs.com/package/redux-react-fetch): 导出函数updateTicket(ticketId, type, ..
发布时间:2021-12-21 18:23:56 其他开发

Typescript + React/Redux:属性“XXX"'IntrinsicAttributes & 类型不存在内在类属性

我正在处理一个带有 Typescript、React 和 Redux(都在 Electron 中运行)的项目,当我在另一个组件中包含一个基于类的组件并尝试在它们之间传递参数时遇到了问题.粗略地说,我的容器组件具有以下结构: class ContainerComponent extends React.Component{..使成为() {const { propToPass } = this.p ..
发布时间:2021-12-21 18:14:17 其他开发

使用“react-jsx"的 Visual Studio Code 问题作为 jsx 值与 create-react-app

我正在努力解决“错误"问题在 VSCode 中: '--jsx' 选项的参数必须是:'preserve'、'react-native'、'react' 因此,当 react 值时,react-scripts (create-react-app) 会自动将 jsx 键设置为 react-jsx 值似乎工作. 实际上,代码运行良好并显示了我想要的页面,但 IDE 将所有内容都强调为错误,并说 ..