Tag: reactjs

如何防止在回复中用钩子重新呈现页面

5. 我正在寻找一个解决这个问题的方法 , 但是我可以找到它。 import React, { Fragment, useState } from 'react' import '../../media/style/modal.css' export default function Modal(props) { const { activateModal } = props const[values, setValues]= useState({name:'',email:''}) if (activateModal) { document.getElementById('modals').click() } function handleValues(){ setValues({ name:document.getElementById('name').value, email:document.getElementById('email').value…

Read More »

为什么我会有一个错误 ?

我正在开发一个简单的组件”桌面” const BackToTop: React.FC = () => { const bttEl = useRef(null); function scrollHandler(): void { var bttHtmlEl: HTMLElement | null = bttEl.current; // console.log(bttHtmlEl); Element OK! if ( bttHtmlEl ) { window.pageYOffset > 50 ? bttHtmlEl.classList.remove(‘is-hide’): bttHtmlEl.classList.add(‘is-hide’);…

Read More »

移除 JSON 对象数组的第一个元素

我正在努力寻找一个方法来减少这个 JSON 数组 , 这样我就可以使用剩余的值。 下面是我从获取的 API 中返回给我的内容 , 我正在寻找删除多余的内容 , 因此我只有一个与 LGA 结果的数组。 完全不知道该从哪里开始。 { "query": { "offence": "Dangerous Operation of a Vehicle", "area": "", "age": "", "year": "", "gender": "" }, "result": [ { "LGA": "Aurukun…

Read More »

在运行"npm安装-gcreate-反应式应用程序"命令时出错,如"错误"

在运行”npm安装-gcreate-反应式应用程序”命令时出错,如”错误” 当我试图通过 npm install -g create-react-app 命令在 Ubuntu 中安装反应式 js 时 , 我会得到如下错误。 请帮我排除这些错误。 给了我这个错误 – npm ERR! Error: EACCES, mkdir '/home/veomit10/tmp/npm-6710-iquektSI' npm ERR! { [Error: EACCES, mkdir '/home/veomit10/tmp/npm-6710-iquektSI'] npm ERR! errno: 3, npm ERR! code: 'EACCES', npm…

Read More »

是否有办法将文件存储在一个反应状态 ?

我正在进行一个项目 , 我需要在我的组件状态中存储一个图像 , 这样我可以将文件和附带的数据发送到一个不同的组件 , 该组件将数据上传到我的 Firebase 数据库和图像到我的 Firerect 。 我尝试通过设置正常的状态来实现它 , 使用提交图像时调用的函数。 但是我要传递文件的状态仍然是空的。 初始状态 : state = { title: '', description: '', date: '', ticket: '', price: '', image: [] } 投入 : <input type="file" id="image"…

Read More »

firebase 仅提供所需数据

我正在使用 get ( get ) 将数据读到我的反应本地应用程序中 , 使用如下。 firebase .firestore() .collection("users") .doc("test") .get() .then(response => { console.log(response); }); 我只想要测试文档 , 但我得到的是 17000 行 json doc , 它确实包含了我需要的数据 , 但我要的 doc 只有一个字段 ! EN From: firebase get only required…

Read More »

如何实现实时监控中的自定义更新

我想用 mui-datatable 定制行帽数据 , 这样 , 如果我在选项中得到是 , 背景颜色应该是红色 , 如果我说不 , 背景颜色应该是蓝色。 我第一次使用可交换的数据。 我无法使用 customRowRender 或 customRender 。 我们怎样用它进行数据交换 import React from 'react'; import MUIDataTable from "mui-datatables"; class Datatable extends React.Component { render() { const columns =…

Read More »

不分组内部按钮

目前我正在研究一个复习分数列表。 我创建了一个无线电和无线电按钮列表。 我的问题是 , 我已经创建了一个 listtem , 现在他们与无线电集团分离了。 我的目标是让收音机里的收音机按钮和图片一样具有相似的风格。 看上去怎么样 : 谢谢大家 , 周末愉快 ! 守则 : <List> <ListItem> <RadioGroup aria-label=”Score” name=”score” className={classes.groupFlex} value={`${stars}`} onChange={this.handleStars}> <ListItem> <Radio value={5} classes={{root: classes.root, checked: classes.checked}}/> <ListItemIcon> <StarIcon/> <StarIcon/> <StarIcon/> <StarIcon/> <StarIcon/>…

Read More »

Socrata SOQL 的不区分大小写查询

我试着找出所有混合案件的结果。 例如”蜜蜂”只会返回搜索那个确切的病例。 我查看了类似的”.”选项,并尝试了上面的选项(但似乎是为了返回而不是查询)。 我正在处理这个问题。 https://data.nasa.gov/resource/gh4g-9sfh.json 在哪里 = 名称% 20 类似% 20% 27% 25% 蜜蜂% 25% 在我的反应应用程序中 , 这是一个功能 : 任命 onChangeSearch = async (e) => { e.preventDefault(); const name = e.target.elements.name.value; console.log('name: '+ name); const url = `${API_URL}?$limit=${API_LIMIT}&$where=name…

Read More »

返回 Reactjs 中的多个下拉值

我想建立一个应用程序 , 用户从 React 中的两个不同的下拉列表中选择他们最喜欢的食物和第二喜欢的食物。 我用反应式 – 下拉式组件构建了下拉 , 并将其放在一个独立于我的主App 的脚本中。 在用户选择他们两个最喜欢的食物后 , 我希望他们提交并打印到控制台。 我不知道如何检索该值 , 因为实际的下拉值是在一个单独的脚本中。 以下是下拉脚本 : import React, { Component } from 'react'; import {DropdownMultiple, Dropdown} from 'reactjs-dropdown-component'; class FavoriteFood extends Component { constructor() {…

Read More »