所以我有 4 個(gè)不同顏色的 4 個(gè)按鈕和 10 個(gè)方塊，它們應(yīng)該具有最后 10 次點(diǎn)擊按鈕的顏色。我映射到 redux 狀態(tài)以顯示正方形。我還將 squareColors 存儲(chǔ)在localStorage.當(dāng)我點(diǎn)擊一個(gè)按鈕時(shí)，狀態(tài)會(huì)更新，所以我應(yīng)該立即看到方塊顏色的變化。但是，它僅在我刷新頁面時(shí)發(fā)生。App.js單擊按鈕時(shí)，我的組件不會(huì)重新渲染。為什么 ？應(yīng)用程序.js：import React from 'react';import { connect } from 'react-redux';import { setColors } from './redux/actions';import './App.css';import CornerButton from './components/CornerButton';import Square from './components/Square';const styles = // some stylesclass App extends React.Component {  componentDidMount() {    if (localStorage.getItem('lastTenColors')) {      let squareColors = JSON.parse(localStorage.getItem('lastTenColors'));      this.props.setColors(squareColors);    } else {      let squareColors = localStorage.setItem('lastTenColors',  JSON.stringify([...Array(10)]));      this.props.setColors(squareColors);    }  }  render() {    return (          <div style={styles.container}>            <div style={styles.topRow}>              <CornerButton color="red"/>              <CornerButton color="blue"/>            </div>            <div style={styles.middleRow}>              {this.props.squareColors.map((color, i) => <Square key={i} color={color}/>)}            </div>            <div style={styles.bottomRow}>              <CornerButton color="cyan"/>              <CornerButton color="green"/>            </div>          </div>      );  }}const mapDispatchToProps = { setColors }const mapStateToProps = state => {  return {    squareColors: state.colors.squareColors  }}export default connect(mapStateToProps, mapDispatchToProps)(App);角按鈕.js：import React from 'react';import { connect } from 'react-redux';import {setColors} from '../redux/actions';const styles = // some styles...class CornerButton extends React.Component {  updateSquaresColors = (color = null) => {    let squareColors = this.props.squareColors;    squareColors.unshift(color);    squareColors.pop();    this.props.setColors(squareColors);    localStorage.setItem('lastTenColors',  JSON.stringify(squareColors))  }