小编use*_*421的帖子

添加CSS以响应创建的元素,如data-reactroot

根据我的根div反应"自动"创建另一个div.有没有办法为该div添加一个类?我需要添加高度:100%以防止背景内容在显示叠加层时在移动设备中滚动.

这是我检查网站上的元素时的显示方式.单击按钮时,我需要将高度:100%添加到data-reactroot div.但是我的源代码中没有这个div.

<div id="root">
    <div data-reactroot data-reactid="1" data-react-checksum="161698...
Run Code Online (Sandbox Code Playgroud)

我可以在容器的componentDidMount()中添加此代码

    let root = document.querySelectorAll('[data-reactroot]')[0];
    if (root) {
        root.style.height = '100%';
    }
Run Code Online (Sandbox Code Playgroud)

但是不是有更好的方法吗?这感觉就像一种hacky(以一种糟糕的方式)

reactjs

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

如何调整 div 的宽度以适应自动换行?

div当自动换行时是否可以调整元素的大小?出于演示目的,请查看类似问题中的示例:

.mypost {
  border: 1px solid Peru;
  margin: auto;
  min-width: 200px;
  display: inline-block;
  background: red;
}

.test {
  margin: 10px;
  background: cyan;
}
Run Code Online (Sandbox Code Playgroud)
<div class="mypost">
  <div class="test">I represent the imagdfv fdvdsdfsdfve.</div>
</div>
Run Code Online (Sandbox Code Playgroud)

如果将窗口缩小以便进行自动换行,您将看到文本右侧有一个蓝色的空白区域。相反,我希望蓝色区域减少,直到到达第一行的最后一个字母。

word 将文本包裹在带有空白空间的蓝色背景元素中

(在这张图片中,我强制自动换行。我希望蓝色区域缩小。)

这可能吗?

html css

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

如何从props中破坏`data-*`(连字符)属性?

我试图将我的一个组件转换为功能无状态组件(FSC).

但是如果使用FSC将不会被优化...rest,因此我需要破坏组件道具.

我把Link称为

<Link to={link} data-navbar-click="close-menu">{name}</Link>
Run Code Online (Sandbox Code Playgroud)

然后在链接我想破坏连字符>数据导航栏点击道具:

function Link({ to, className, onClick, target, rel, key, data-navbar-click}) {
Run Code Online (Sandbox Code Playgroud)

然而,这不编译.所以我试过:

function Link({ to, className, onClick, target, rel, key, ['data-navbar-click']}) {
Run Code Online (Sandbox Code Playgroud)

但这也不起作用.

components jsx reactjs

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

defaultState内部的属性应为null还是''

在线大多数教程显示,initialState内部的属性应为”(如果是字符串),例如:

let defaultState = Immutable.fromJS({
    viewData: {
        id: '',
        name: '',
        alist: []
    }
});
Run Code Online (Sandbox Code Playgroud)

但是,如果您习惯于明确说明某个组件使用什么属性,例如:

function mapStateToProps(state) {
    return viewData: state.someReducer.get('data');
}

someContainer.propTypes = {
    data: ImmutablePropTypes.mapContains({
        id: React.PropTypes.string.isRequired,
        name: React.PropTypes.string.isRequired,
        aList: ImmutablePropTypes.list.isRequired
    }),
};
Run Code Online (Sandbox Code Playgroud)

比我将获得“ Failed propType”的唯一方法是是否从reducer中删除了任何属性,并且以isRequired某种方式感到多余,因为它将始终提供一个空字符串,然后将其传递给someContainer子组件。

但是,如果我这样做:

let defaultState = Immutable.fromJS({
    data: {
        id: null,
        name: null,
        aList: null
    }
});
Run Code Online (Sandbox Code Playgroud)

如果减速器不填充状态,那么我将获得失败的原型,这是不是想要的?但是,由于我很少看到其他人将道具设置为null,所以我觉得有充分的理由不这么做。

另外,使用null方法将Maps嵌套在状态中会造成混乱,因为它甚至比viewData应该为null,但是如果不显示它真正会得到什么数据,则会丢失信息:

let defaultState = Immutable.fromJS({
    viewData: { // Shouldnt this be null than as well?
        id: null,
        name: null,
        hierarchies: { // and …
Run Code Online (Sandbox Code Playgroud)

reactjs redux

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

提供始终选择浏览器以打开链接的选项

有没有办法让用户始终选择应该打开特定链接的应用程序(浏览器)?与用户尚未选择默认程序时发生的情况类似.

我的代码

            Intent intent = new Intent(Intent.ACTION_VIEW);
            forumintent.setData(Uri.parse(url));
            startActivity(intent);
Run Code Online (Sandbox Code Playgroud)

android android-intent

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

反应选择将选项字段的名称从({值:``,标签:''})更改为({id:``,名称:''})

有没有办法更改选项对象的字段?

从我的BE API中,我得到:

const items = [{ id: 1, name:'dropdown1'}, { id: 2, name:'dropdown2'}];

因此,现在我必须将字段重新映射到valuelabel,如果可以动态设置这些字段,那就太好了,也许是这样的:

    <Select
      optionRemapping={{value: 'id', label: 'name'}}
      options={items}
    />
Run Code Online (Sandbox Code Playgroud)

或者,也许我错过了人们如何做到这一点的模式?

进行以下操作感觉有点不对。

items.map((item) => {
  return { value: item.id, label: item.name };
});
Run Code Online (Sandbox Code Playgroud)

reactjs react-select

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

标签 统计

reactjs ×4

android ×1

android-intent ×1

components ×1

css ×1

html ×1

jsx ×1

react-select ×1

redux ×1