小编Fak*_*bdi的帖子

如何根据其子组件状态更改父组件样式元素?

我试图弄清楚如何在子组件状态更改时为父组件设置样式,请
考虑一个场景,其中我们有一个包含菜单和侧栏作为其静态元素和子组件的容器组件。单击菜单时,它的相应组件将呈现为子组件。

我正在使用带有反应路由器的嵌套绝对路由,如下所示

    <Route component={ home } >
       <Route path="menu-1" component={ menu-1 } />
       <Route path="menu-2" component={ menu-2 } />
       <Route path="menu-3" component={ menu-3 } />
Run Code Online (Sandbox Code Playgroud)

在 home 组件中,我有以下内容:

    <div className='root'>
        <menuComponent />
        <sideBarComponnent />
        {this.props.children}

    </div>
Run Code Online (Sandbox Code Playgroud)

如您所见,我无法将回调函数传递给 menu-1 和 menu-2 的子组件我没有问题,但是在单击 menu-3 并在内容标签中呈现它的组件时,
我需要给它全宽并将侧栏显示设置为无,而侧栏已在容器组件中呈现我无法以常规方式在子级内部控制它

我正在寻找一种可以在 home 组件中处理它的方法

javascript reactjs react-router

5
推荐指数
1
解决办法
6566
查看次数

如何使用谷歌材料图标作为类而不是<i>标签

根据Google Material网站上的指南,我们必须使用_ i _ tag中的材质图标.

问题是如何将图标添加为font-awesome.就像是 :

Class="material-icons face"

代替

<i class="material-icons"> face </i>

material font-awesome material-design google-material-icons

5
推荐指数
2
解决办法
2213
查看次数

恢复无限滚动页面上的滚动位置

我有一个网页无限滚动的网站,上面列出了最新的广告。用户点击广告预览时,会将其重定向到产品页面。

但是当用户单击后退按钮时,它无法恢复滚动位置。

注意1:滚动结束时,我将加载10个广告。假设我们已经加载了约50个广告,并且用户更改了页面。当点击后退按钮时,它将重新加载为空的主页,然后仅加载前10个广告。

注2:我正在使用react js和react-router并已经尝试在社区中找到解决方案。由于最近chrome支持滚动恢复,因此他们并没有做太多事情。但是Chrome不支持无​​限滚动。

javascript scroll infinite-scroll reactjs react-router

5
推荐指数
1
解决办法
2212
查看次数

React Native Android的方向样式问题

我正在研究从右到左的反应本机应用程序,并希望使用direction: 'rtl'或处理布局direction: 'rtl'

它可以在ios上正常运行,但无缘无故无法在Android上运行。

示例代码是:

<View style={{flexDirection: 'row', justifyContent: 'space-between', direction: 'rtl'}}>
  <Text>
    right content
   </Text>
   <Text>
    left content
   </Text>
</View>
Run Code Online (Sandbox Code Playgroud)

谢谢。

android styles react-native

1
推荐指数
1
解决办法
619
查看次数