根据我的根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(以一种糟糕的方式)
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)
如果将窗口缩小以便进行自动换行,您将看到文本右侧有一个蓝色的空白区域。相反,我希望蓝色区域减少,直到到达第一行的最后一个字母。
(在这张图片中,我强制自动换行。我希望蓝色区域缩小。)
这可能吗?
我试图将我的一个组件转换为功能无状态组件(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)
但这也不起作用.
在线大多数教程显示,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) 有没有办法让用户始终选择应该打开特定链接的应用程序(浏览器)?与用户尚未选择默认程序时发生的情况类似.
我的代码
Intent intent = new Intent(Intent.ACTION_VIEW);
forumintent.setData(Uri.parse(url));
startActivity(intent);
Run Code Online (Sandbox Code Playgroud) 有没有办法更改选项对象的字段?
从我的BE API中,我得到:
const items = [{ id: 1, name:'dropdown1'}, { id: 2, name:'dropdown2'}];
因此,现在我必须将字段重新映射到value和label,如果可以动态设置这些字段,那就太好了,也许是这样的:
<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)