在本文中，我们将详细介绍无法对Gatsby站点的Ant设计表中的列进行排序的各个方面，并为您提供关于无法对avchd的相关解答，同时，我们也将为您带来关于android–如何根据信号强度按升序对get
在本文中，我们将详细介绍无法对Gatsby站点的Ant设计表中的列进行排序的各个方面，并为您提供关于无法对avchd的相关解答，同时，我们也将为您带来关于android – 如何根据信号强度按升序对getScanResults()列表进行排序？、Antd 表：- 单独对列进行排序的问题、Gatsby (gatsby-source-strapi) - 您的数据问题中存在冲突的字段类型、Gatsby-将Google字体添加到Gatsby网站的有用知识。
本文目录一览：- 无法对Gatsby站点的Ant设计表中的列进行排序（无法对avchd）
- android – 如何根据信号强度按升序对getScanResults()列表进行排序？
- Antd 表：- 单独对列进行排序的问题
- Gatsby (gatsby-source-strapi) - 您的数据问题中存在冲突的字段类型
- Gatsby-将Google字体添加到Gatsby网站
无法对Gatsby站点的Ant设计表中的列进行排序（无法对avchd）
我已经在Gatsby站点中实现了一个Ant设计表。我从graphql提取数据。到目前为止，一切都很好。数据显示正确，分页工作等。
现在，我想添加对列进行排序的功能。为此，我将表和列设置如下：
<Table dataSource={data.allNewsFeed.edges} onChange={onChange} rowSelection={rowSelection} rowKey="id"> <Column title="Title" dataIndex="node.title" key="title" sorter={(a, b) => a.node.title - b.node.title} sortDirections={["descend", "ascend"]} /></Table>现在，确实显示了用于对该列进行排序的图标，但是当我单击它时什么也没有发生。
如果我.node从排序功能中删除， 也会发生同样的事情sorter={(a, b) => a.title - b.title}。
因此，我陷入了困境–知道为什么它不起作用以及如何解决它吗？
谢谢。
答案1
小编典典@norbitrial的答案是正确的，因为这里的参考是一个通用的排序器（用于数字和字符串）：
const sorter = (a, b) => (isNaN(a) && isNaN(b) ? (a || '''').localeCompare(b || '''') : a - b);// Usage example with antd table column[ { title: ''Status'', dataIndex: ''status'', key: ''status'', width: ''10%'', // status can be Number or String sorter: (a, b) => sorter(a.status, b.status), render: Name }]
android – 如何根据信号强度按升序对getScanResults()列表进行排序？
List<ScanResult> results = wifi.getScanResults();
sb = new StringBuilder();
try
{
for(int i = 0; i < results.size(); i++){
sb.append(new Integer(i+1).toString() + ".");
sb.append("SSID:-").append((results.get(i).SSID).toString());
sb.append("BSSID:-").append((results.get(i).BSSID).toString());
sb.append("Level:-").append((results.get(i).level));
sb.append("Frequency:-").append((results.get(i).frequency));
sb.append("\n\n");
}
textStatus.setText("");
textStatus.append("\n\n\n");
textStatus.append(sb);
}
我想根据信号强度(级别)对此结果进行排序,因此我创建了一个具有数据级别和Mac的2D数组.所以我为此编写了代码：
String RSSi[][]=new String[2][results.size()];
for(int i = 0; i <results.size(); i++){
RSSi[0][i] = String.valueOf(results.get(i).level);
RSSi[1][i]= results.get(i).BSSID;
}
StringBuilder tmp=new StringBuilder();
Arrays.sort(RSSi,new Comparator<String[]>() {
@Override
public int compare(String[] str1,String[] str2) {
final String lv1= str1[0];
final String lv2= str2[0];
return lv1.compareto(lv2);
}
);
基于上面的代码我期望RSSi [] []按排序顺序,但它没有发生……
解决方法
Comparator<ScanResult> comparator = new Comparator<ScanResult>() {
@Override
public int compare(ScanResult lhs,ScanResult rhs) {
return (lhs.level <rhs.level ? -1 : (lhs.level==rhs.level ? 0 : 1));
}
}
List<ScanResult> results = wifi.getScanResults();
Collections.sort(results,comparator);
//Here your list is sorted by level
Antd 表：- 单独对列进行排序的问题
如何解决Antd 表：- 单独对列进行排序的问题？
我在对 Antd 表进行排序时遇到问题，我想单独对列进行排序。当我单击任何列进行排序时，它只会对最后一列进行排序，而不会对其他列进行单独排序。。 . .
.
.
.
.
.
const columns = [
{
title: <div className="opd-table-headings">Patient Name</div>,dataIndex: "patientname",key: "patientname",width: "270px",sorter: {
compare: (a,b) => a.patientnamesort.localeCompare(b.patientnamesort,''en'',{ numeric: false })
},},{
title: <div className="opd-table-headings">Apt Time</div>,key: "appointmenttime",dataIndex: "appointmenttime",width: "85px",b) => a.appointmenttimeunix - b.appointmenttimeunix
},sortDirections: [''descend'',''ascend''],{
title: <div className="opd-table-headings">Arrival Time</div>,key: "arrivaltime",dataIndex: "arrivaltime",width: "110px",b) => a.arrivaltimeunix - b.arrivaltimeunix
},{
title: <div className="opd-table-headings">Seen Time</div>,key: "seentime",dataIndex: "seentime",width: "90px",b) => a.seentimeunix - b.seentimeunix
},];
<Table
columns={columns}
filteredValue={filteredValue}
showLoaderOnTable={showLoaderOnTable}
setShowLoaderOnTable={setShowLoaderOnTable}
setrefetchAppointmentList={setrefetchAppointmentList}
scroll={{ x: 1400 }}
/>
解决方法
暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！
如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。
小编邮箱:dio#foxmail.com (将#修改为@）
Gatsby (gatsby-source-strapi) - 您的数据问题中存在冲突的字段类型
如何解决Gatsby (gatsby-source-strapi) - 您的数据问题中存在冲突的字段类型？
我使用 Gatsby 和 Strapi 已经有一段时间了。
我们一直在使用 gatsby-source-graphql 直到几天前，由于 gatsby-source-graphql 无法与 Gatsby Live Preview 配合使用，公司决定改用 gatsby-source-strapi无论如何...
我们开始重构查询，一切似乎都运行良好，直到出现这个问题：
当然 - 所有这些字段都从数据中消失了，所以我无法访问它。
我试图做的是按照警告描述中的说明定义类型。
所以我在 gatsby-node.js 中所做的是这样的：
exports.createSchemaCustomization = ({ actions }) => {
const { createTypes } = actions
const typeDefs = `
type StrapiLandingPages implements Node {
programmes: [StrapiLandingPagesProgrammes]
}
type StrapiLandingPagesProgrammes {
certification: StrapiLandingPagesProgrammesCertification
}
type StrapiLandingPagesProgrammesCertification implements Node @dontInfer {
id: Int!
Title: String
slugUid: String
sectionTitle: String
content: String
published_at: Date @dateformat
created_at: Date @dateformat
updated_at: Date @dateformat
}
`
createTypes(typeDefs)
}
但它似乎没有按预期工作。我设法看到了“认证”字段，但其中的所有数据都为空。
知道如何解决这个问题吗？
谢谢！
解决方法
暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！
如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。
小编邮箱:dio#foxmail.com (将#修改为@）
Gatsby-将Google字体添加到Gatsby网站
此插件似乎已不再维护，它是escalade monorepo（会引发404错误）的一部分，它是1年前在内核中提交的。
我建议您使用gatsby-plugin-google-fonts来display: swap字体而不影响性能。就您而言：
{
resolve: `gatsby-plugin-google-fonts`,options: {
fonts: [
`mukta malar`
],display: 'swap'
}
}
npmjs.org上提供了Google字体，其名称为typeface-XXX XXX，代表Google字体网站上字体家族的名称。
如果要在网站上添加Poppins字体，只需将其添加到package.json文件中：
yarn add typeface-poppins
然后在我的网站上，我可以使用require（“ typeface-poppin”）来使用字体：
import React from "react"
import { Link } from "gatsby"
import Layout from "../components/layout"
import Image from "../components/image"
import SEO from "../components/seo"
require('typeface-poppins')
const IndexPage = () => (
<Layout>
<SEO title="Home" />
<h1 style={{fontFamily: "Poppins"}}>Hi people</h1>
<p>Welcome to your new Gatsby site.</p>
<p>Now go build something great.</p>
<div style={{ maxWidth: `300px`,marginBottom: `1.45rem` }}>
<Image />
</div>
<Link to="/page-2/">Go to page 2</Link> <br />
<Link to="/using-typescript/">Go to "Using TypeScript"</Link>
</Layout>
)
export default IndexPage
正如其他人提到的，在你的 Gatsby 项目中包含字体，这会更快！
Gatsby 实际上在他们的页面上写了一篇非常棒的文章。
https://www.gatsbyjs.com/docs/how-to/styling/using-web-fonts/
这是一个例子：
首先使用 npm 或 yarn 安装字体：
yarn add @fontsource/mukta-malar // npm install
@fontsource/mukta-malar
然后在页面的布局文件中，像这样导入字体：
import "@fontsource/mukta-malar"
您可以像使用任何谷歌字体一样引用 css 中的字体：
font-family: 'Mukta Malar',sans-serif;
如果您只需要一些特定的权重或变体，您也可以只导入包的一部分，如下所示：
import "@fontsource/mukta-malar/500.css"
- 这只会加载重量为 500 的“中等”重量。
今天关于无法对Gatsby站点的Ant设计表中的列进行排序和无法对avchd的分享就到这里，希望大家有所收获，若想了解更多关于android – 如何根据信号强度按升序对getScanResults()列表进行排序？、Antd 表：- 单独对列进行排序的问题、Gatsby (gatsby-source-strapi) - 您的数据问题中存在冲突的字段类型、Gatsby-将Google字体添加到Gatsby网站等相关知识，可以在本站进行查询。
本文标签：
