我正在尝试将reactjs应用程序部署到heroku。编译资产时,构建失败并产生以下错误:
-----> Ruby app detected
-----> Compiling Ruby/Rails
-----> Using Ruby version: ruby-2.5.1
-----> Installing dependencies using bundler 1.15.2
Running: bundle install --without development:test --path vendor/bundle --binstubs vendor/bundle/bin -j4 --deployment
Warning: the running version of Bundler (1.15.2) is older than the version that created the lockfile (1.16.3). We suggest you upgrade to the latest version of Bundler by running `gem install bundler`.
Fetching gem metadata from https://rubygems.org/............
Fetching version metadata from https://rubygems.org/..
Fetching dependency metadata from https://rubygems.org/.
Using rake 12.3.1 …Run Code Online (Sandbox Code Playgroud) .up-arrow {
cursor: pointer;
/* height: 10px; */
}
.down-arrow {
cursor: pointer;
}Run Code Online (Sandbox Code Playgroud)
<!DOCTYPE html>
<head>
</head>
<body>
<div>
<div class="up-arrow" onclick="clickupArrow()">
▲
</div>
<div class="down-arrow" onclick="clickDownArrow()">
▼
</div>
</div>
<script>
function clickupArrow() {
alert('up-arrow clicked');
}
function clickDownArrow() {
alert('down-arrow clicked');
}
</script>
</body>Run Code Online (Sandbox Code Playgroud)
我正在尝试使用react-fontawesome 图标在 html 中的表头上显示向上/向下排序数组。问题是它们被显示,但它们之间有一个“空间”,看起来不太好。它们可以彼此靠近显示吗?
我尝试过降低 div 的高度,但是当用户需要单击这些 div 中的任何一个时,它会导致问题。
displayArrows = (sortKey, sortAsc, sortDesc) => {
return (
<div className="arrows-wrapper-div">
<div
style={{ cursor: 'pointer' }}
role="button"
onClick={(e) => sortAsc(e, sortKey)}
tabIndex={0}
>
<FontAwesomeIcon …Run Code Online (Sandbox Code Playgroud)