next.js 榨汁机-限制职位数

yizd12fk 于 2023-05-12 发布在其他

关注(0)|答案(1)|浏览(79)

有没有一种方法可以限制显示的帖子数量，使用react-juicer-feed component？

import { Feed } from 'react-juicer-feed';

const MyFeed = () => {
  return (
    <Feed
      feedId="<feed-id>"
      perPage={3}
    />
  );
};

似乎不起作用。

1条答案

看起来该库实际上并没有实现data-per属性as per documentation
事实上，repo包含了一个非常基本的库嵌入，所以你可以分叉它，自己编辑这个文件中的render()函数，看起来像这样：

[...]
render() {
    return (
      <ul className='juicer-feed' data-feed-id={this.props.feedId} data-per={this.props.dataPer} />
    );
  }
[...]

然后

import { Feed } from 'react-juicer-feed';

const MyFeed = () => {
  return (
    <Feed
      feedId="<feed-id>"
      dataPer={3}
    />
  );
};

并将该分支添加到您的项目中。或者完全自己嵌入脚本并添加data属性。