我是 ReactJS 的新手，我尝试使用history.push()重定向页面，但没有成功。有人能帮我指出我的代码出了什么问题吗？我知道可以使用 React Router，但它对我想做的事情没有帮助。import React from 'react';class App extends React.Component {constructor(props) {super(props)this.ha
2019-09-03
我的app.js（简化但仍然给出了很多错误。）114163013我现在更新了index.js：741760161它给出了错误不变失败：浏览器历史记录需要DOM
我一直在为我的 React 项目使用 datatables.net。我在每一行上创建了两个操作按钮（编辑、删除）。现在，每当这个监听器运行时，“this”就不起作用。如果我将 jquery 函数设为箭头函数，那么“this.props...”就可以工作，但数据未定义。$('#data-table-zero').on('click', '.edit-button', function() {cons
2020-02-13
我一直在开发导航栏。我编写了一个切换屏幕的函数并在按钮 onClick 中调用它。我也将组件包装在withRouter中。但出现以下错误：Uncaught TypeError: history.push is not a function" error.这是我的代码：import { withRouter } from 'react-router-dom';function Navigation(
2020-05-29
useEffect(() => {const generateToken = async() => {try {const token = await commerce.checkout.generateToken(cart.id, {type: 'cart'});setCheckoutToken(token);} catch (error) {history.pushState('/');}}g
我正在构建一个类似于 React 官方教程中使用的井字游戏。我正在使用这些方法来处理点击并检查是否有人获胜。现在我的历史记录总是落后一步，我不知道为什么。直到我再移动一步，它才会说我赢了。 function didSomeoneWin(){const squares = history[history.length - 1].squares;console.log("history: ", hi
2021-03-01
用户已登录，但重定向不起作用。如何解决这些问题？以下是登录组件代码：const Login = ({ props }) => {const [email, setEmail] = useState();const [password, setPassword] = useState();const alert = useAlert();const dispatch = useDispatch();
2021-04-24
我有一个带有 3 个单选按钮的表单，如下所示（假名）：<form className="myForm" onSubmit={this.done}><input className="myRadio" checked={ŧrue} type="radio" name="myRadio" onChange={this.change} value="value1"<input className="my
2014-10-20
我在我的一个小测试项目中有一个简单的SearchBar组件。此 SearchBar 主要由一个文本输入框和一个按钮组成，单击按钮将使用输入字段中的文本执行回调。我的Searchbar.render方法如下所示： return (<FormGroup controlId="keywords"><InputGroup><FormControl type="text"placeholder="Keyw
2016-12-30
我正在尝试使用 React 和 Jest 编写简单的测试。组件：import React from "react";class Task extends React.Component {render() {let onDelete = this.props.onDelete;return (<li><div className="collapsible-header"><i className=
2017-01-21
我完全不知道该如何测试一个用 React 制作的简单表单，我怎么知道提交按钮是否正常工作？经过一番研究，我认为这样做的方法是创建一个模拟函数，然后检查它是否被调用，但我很确定我完全做错了。onObjSubmit(event){event.preventDefault()..... (fetch something)}render(){return (<form id="myForm" onSubm
2017-11-15
我有这个 html 输入：<inputid='palapa'className='amount'placeholder={props.placeholder}type='number'/>我知道它需要一个value和一个onChange事件，但是现在我想测试占位符的值，换句话说，我将检查是否正在呈现某些props。我尝试过这个但没有成功：const defaultProps = {options:
2020-11-18
因此，我尝试测试单击按钮时 onSubmit 函数是否会被触发 - 我这样做的方式是通过测试 onSubmit 函数的内部是否被调用（axios post 方法）测试describe('RecipeSearch', () => {test('submit button should return post function to recipes/search/', () => {let mock
2021-02-08
我正在尝试通过 React Testing Library 测试Search组件的input值。Search 组件接收两个 props：handleChange和input value：title。我的目标是编写测试，以便最初输入值为空，并且当用户输入某些内容时，测试可以验证监听事件值是否正确，但它始终获取初始值。我试图在输入之前清除输入，但没有成功。错误为： Expected the eleme
2022-06-17
我正尝试在自定义输入组件中应用单元测试如果我在render函数中的<Input />中传递value属性，则测试失败。有人知道原因吗？在类似此输入的受控组件中，我们可以测试什么才能进行有效的单元测试？谢谢Input.tsximport React, {ChangeEvent, FunctionComponent} from 'react';import styles from './Input.m
2022-09-12