Backgroundimage在反应中不起作用
我是新来的人，我想做出反应并尝试使用内联样式获取背景图片。但这不起作用。
显示错误“ URL未定义”
render() {
return (
<div className="phase1"
style ={ { backgroundImage: url('https://lh3.googleusercontent.com/MOf9Kxxkj7GvyZlTZOnUzuYv0JAweEhlxJX6gslQvbvlhLK5_bSTK6duxY2xfbBsj43H=w300') } }>
<input id="search"
type="text"
placeholder={this.state.search}
onChange={this.updateSearch.bind(this)}/>
<Link className="button1" to="Form"> + </Link>
</div>
)
}
}
问题答案：
CSS值始终是字符串。将backgroundImage值用引号引起来，使其成为字符串：
<div className="phase1" style ={ { backgroundImage: "url('https://lh3.googleusercontent.com/MOf9Kxxkj7GvyZlTZOnUzuYv0JAweEhlxJX6gslQvbvlhLK5_bSTK6duxY2xfbBsj43H=w300')" } }>
-
问题内容： 我试图将onscroll事件处理程序添加到特定的dom元素。看下面的代码： 代码非常简单，如您所见，我想处理div＃list滚动。当我运行此示例时，它不起作用。所以我尝试直接在render方法上绑定this._handleScroll，它也不起作用。 因此，我打开了chrome inspector，直接使用以下命令添加了onscroll事件： 它正在工作！我不知道为什么会这样。这是Re
-
问题内容： 为什么colspan属性在React中不起作用？我创建了呈现以下内容的简单组件： 编辑：解决 这是解决方案。React期望属性名称为 colSpan ，而不是colspan。在浪费了荒谬的时间去发现这个小小的邪恶事实之后，想出了这一点。 问题答案： 来自React的DOM差异文档： 所有DOM属性和属性（包括事件处理程序）都应包含驼峰，以与标准JavaScript样式保持一致。 如果您
-
我一直在寻找解决方案很长一段时间，但令人惊讶的是，我认为还没有人面对它。所以我把它贴出来了。 我用React Navigation V3创建了一个简单的抽屉导航器。我添加了一个菜单图标，当我单击它时，抽屉就会按原样显示。但是，任何手势都不起作用。从左向右滑动不做任何事情。即使抽屉是打开的，点击空白空间也不会关闭抽屉。 这是我的代码：
-
我遇到了一个奇怪的问题。在我的反应原生应用程序中，如果我将事件设置为，它不会被触发，但如果我将相同的设置为中的，它会被触发。我在这里错过了什么？ 为什么会这样？这是React Native的问题吗？我使用的是0.43版。
-
我在我的应用程序中使用Redux，在一个组件中，当商店发生变化时，我想滚动到一个特定的div标签。我让Redux部分工作，因此它触发componentDidUpdate（）方法（我已经路由到此component视图）。据我所知，问题在于方法scrollIntoView（）无法正常工作，因为componentDidUpdate（）有一个默认行为，即滚动到顶部覆盖scrollIntoView（）。为了
-
问题内容： 在此 React 文档中，据说 shallowCompare对当前props和nextProps对象以及当前状态和nextState对象执行浅层相等性检查。 我无法理解的是，如果它浅浅地比较对象，则shouldComponentUpdate方法将始终返回true，因为 我们不应该改变国家。 如果我们不改变状态，则比较将始终返回false，因此shouldComponent更新将始终返回