小编Fla*_*inz的帖子

我之前正在开发最新的 GitHub Pages 网站。我的网站是一个 React 应用程序。大约一个月前，我终于让网站运行起来，但当我将更改推送到 GitHub 时，我陷入了网站无法自动重新渲染的问题。我可以让我的网站重新呈现的唯一方法是发布它，但我非常确定我不应该频繁发布。

我认为问题是我实际上并没有更新gh-pages我的存储库的分支，而且我不确定我是否应该这样做。我可以做？如果答案是肯定的，那么我将如何去做呢？我也不太确定如何推动该分支。

我已经发布了有关此问题的文章，但已经很长时间了，没有人回复，因此我添加了一些关于我认为问题可能出在此处的更多信息。

原帖

我目前正在尝试使用样式化组件,但我很难创建像往常一样的组件.更具体地说,我收到'this'关键字的错误,并传递属性.

在我的主JavaScript文件中,我尝试创建一个这样的组件(对我而言):

let newStyledComponent = <HomePageDiv property1 = {property1} ... />

在HomePageDiv.js中,我有一个常量是div,一个常量是这个div将设置的关键帧:

import React from 'react';

import styled, { keyframes } from 'styled-components';

export const HomePageDiv = styled.div`
    height: 100vh;
    width: 100vw;
    display: flex;
    flex-direction: column;
    position: absolute;
    overflow: hidden;
    animation: ${backgroundChange} 4s ease-in-out 0s infinite;
`

const backgroundChange = keyframes`
    0%, 100% {
        background: radial-gradient(ellipse at ${this.props.xLeftPercent+`%`} ${this.props.yLeftPercent+'%'}, rgba(${this.leftR + this.leftRStep * 0}, ${this.leftG + this.leftGStep * 0}, ${this.leftB + this.leftBStep * 0}, 0.5), transparent),
                    radial-gradient(ellipse at ${this.props.xRightPercent+`%`} ${this.props.yRightPercent+'%'}, …