小编kur*_*ixl的帖子

Javascript - 从字符串数字数组中删除逗号

我目前有一个数字字符串数组

data.dataArr = [0: " 1,431,417 "
??
1: " 1,838,127 "
??
2: " 679,974 "
??
3: " 2,720,560 "
??
4: " 544,368 "
??
5: " 1,540,370 "]
Run Code Online (Sandbox Code Playgroud)

我试图删除逗号所以我的数据返回 0: "1431417" , 1: 1838127 ...

删除逗号后,我将映射此数组以将其转换为数字数组而不是字符串。但是当 console.logging 应该返回我得到的数字数组的 finalArray 时,NaN我相信这是由于删除了逗号的部分。

这是我的代码:

data.dataArr = [0: " 1,431,417 "
??
1: " 1,838,127 "
??
2: " 679,974 "
??
3: " 2,720,560 "
??
4: " 544,368 "
??
5: " 1,540,370 "]
Run Code Online (Sandbox Code Playgroud)

或者我试过:

let …

javascript arrays

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

使用 css 从上到下弯曲背景颜色中心

我试图在背景颜色的中心添加一条轻微的曲线。我正在尝试应用线性渐变背景颜色,然后它会被切断并变成白色背景。

我想在中心应用这条轻微的曲线,如下所示:

CSS 背景图片

我尝试通过添加边框底部的左右半径来弯曲背景来实现此目的,这确实有效,但曲线更多地应用于边缘,而我试图从中心稍微弯曲。

这是我的代码的示例:

.content-container {
  height: 150px;
  background: linear-gradient(180deg, #FAFDFF 0%, #E8F3F9 100%);
  border-bottom-left-radius: 13%;
  border-bottom-right-radius: 13%;
}
Run Code Online (Sandbox Code Playgroud)
<div class="content-container">
<p>Testing</p>
<br/>
<br/>
<p>Testing</p>

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

我尝试过使用负百分比来使曲线更靠近中心,如上图所示,但我没有运气。我怎样才能实现与上图类似的效果?

html css

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

在next js循环中获取数据

我正在尝试使用来自 1 个端点的数据来调用按 id 过滤的另一个端点。我计划使用数据获取两个调用getServerSideProps并将数据传递给另一个组件。

第一个调用将返回一个数组,categories然后我尝试循环并获取articles按 id 过滤的数组。

我能够成功取回数组,categories但是当我尝试循环和获取时,articles我得到的值undefined是如何实现这一点?

这是我的一个例子index.js

import ArticleList from "../../components/ArticleList";


const Index = ({ categories, articles }) => {


  return (
    <>
      <ArticleList categories={categories} articles={articles} />
    </>
  )
}

export async function getServerSideProps (context) {
   // console.log('index - getserversideprops() is called')
   try {
     let articles = []
    let response = await fetch('https://example.api/categories')
    const categories = await response.json()

    for (let i = 0; i …
Run Code Online (Sandbox Code Playgroud)

javascript reactjs next.js

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

标签 统计

javascript ×2

arrays ×1

css ×1

html ×1

next.js ×1

reactjs ×1