尝试使用 componentWillReceiveProps 更改按钮颜色

Question

• 我正在尝试使用 componentwillReceiveProps 来更改按钮颜色。
• 当我点击新闻频道时，获取头条新闻按钮应该会改变颜色。
• 所以我想在 Button.js 中我会使用 componentwillReceiveProps
• 这样在收到道具后我会更改按钮颜色。
• 但在 Button.js 的 componentwillReceiveProps 内没有打印任何内容。
• 我研究并找到了以下链接，但仍然没有帮助我 How do i use componentWillReceiveProps() correctly?
• 您能告诉我如何解决吗？
• 在下面提供我的代码 sn-p 和沙箱

https://codesandbox.io/s/boring-wu-btlre

    class Button extends Component {
      componentWillReceiveProps(nextprops) {
        console.log("componentWillReceiveProps nextprops--->", nextprops);
      }
      render() {
        return (
          <div>
            <button
              onClick={() => {
                // getPosts(channel);
                //  getAlert();
              }}
              className="btn btn-primary btn-lg btn-block"
            >
              Get top news
            </button>
          </div>
        );
      }
    }

Answer 1

这是您来自 SandBOX 的app.js，它清楚地表明您没有向按钮组件传递任何内容。这就是它没有显示任何内容的原因。

import React from "react";
import ChannelsField from "./ChannelsField";
import RecentChannelItem from "./RecentChannelValues";

import Button from "../containers/Button";
import TopNews from "../containers/TopNews";
const App = () => (
  <div>
    <RecentChannelItem />
    <ChannelsField />
    <Button />
    <TopNews />
  </div>
);
export default App;