我正在学习React和Redux,当我这样做的时候,我决定制作一个带有按钮的网页,点击按钮就会改变状态。在按钮下面,我想在另一个组件中显示当前状态。虽然单击按钮会更改状态,但它不会反映在组件中。下面是我的代码:
App.js
import React from 'react'
import Name from './Name'
import {changeName} from './Action';
export default function App () {
return (
<div>
我有一个单页应用程序,在一些按钮/链接上调用了一些角度的js函数,这改变了页面内容。现在,由于它是一个单一的页面浏览器将保存原始页面的历史,而不是角的js链接,被点击和改变内容。但是我想将这个历史记录存储在最近访问过的页面中,这样如果某个单击的浏览器返回按钮,前面的内容就会被加载。
,例如,
假设我访问了first Google home page them my app and then click on any link which changes the content of page .
谷歌主页(1)>我的应用程序(2)>点击链接和内容更改(3).
最初的行为将是当单击浏
当我点击一个按钮时,文本每次都会改变。例如,当我转到页面时,它会显示“关闭”。如果我单击该按钮,它的值将更改为“Open”。这也是以另一种方式发生的。如果我单击“打开”,则它将更改为“关闭”。
但是,问题是,如果按钮处于“打开”状态,如果我刷新,它将更改为“关闭”。但如果它在“关闭”中,我单击“刷新”,它不会更改为“打开”。
我需要的是,每次点击后,它应该从打开更改为关闭或关闭打开。但是刷新之后,它也应该处于相同的状态。它不应该改变。我该怎么做。
function changeStatus() {
console.log("Hi");
var val = do
我开始学习react和redux,但是我无法理解组件或容器是如何知道状态更改和重新呈现的。我试了一个简单的例子,但无法使它按其应有的方式工作。我想做的是显示一个计数器和一个按钮。每次点击按钮时,计数器都会增加。按一下按钮就会发出一个动作,状态会被改变,但不知怎么的,计数器没有显示在屏幕上。它甚至没有显示带有0计数器的初始状态。我也非常新的前沿发展,所以也许这不是什么原因,但与还原,但与反应。
这是我的index.js
import store from "./store/configureStore"
render(
<Provider store={store}>
我的javascript代码出了问题,我有一个代码片段,它根据循环范围创建多个按钮,按钮共享相同的类,但ids不同
<div class="panel-footer" id="loop">
<ul class="post-action">
{% for i in range %}
<button class="btn btn-success guess" id="{{ i }}" value="{{ i }}"
下面是App.js import logo from './logo.svg';
import './App.css';
import MsgState from './components/MsgState';
function App() {
return (
<div className="App">
<MsgState /> {/* made one event listener */}
</div>
);
}
export default Ap
PLease帮我解决这个问题。我需要你的帮助
我必须做增加和减少按钮,使号码改变。但是我不知道如何改变这个函数并在屏幕上显示它。这是我的CartItem组件,它将包含名称为Quantity的增和减按钮函数。
import React from "react"
import { Image, Row, Col } from "react-bootstrap"
import PropTypes from "prop-types";
import "../CartItem/index.css"
import Quantity from