小编Ham*_*oja的帖子

我要建立一个新项目，并希望将这两个包放在一起，但不确定，所以问题是，将 Tailwindcss 与 antdesign 一起使用是一个好的做法吗？

有人有经验吗？

每个包都有自己的主题管理器，例如颜色、排版、深色模式等。你如何管理主题，使用 Tailwinds 或 antd 或两者兼而有之？为什么？

这两个软件包都支持网格，您更喜欢哪一个？

让我们来谈谈您的见解？

经过一番研究，我发现了这些结果

使用这两个库的一些示例：

https://github.com/plamworapot/next-antd-tailwindcss

https://github.com/dospolov/react-redux-saga-antd-tailwind-boilerplate

https://github.com/cunhamuril/pocs

它建议尝试只致力于一个框架

我在一个新项目中从后端团队获得了一个新 API，当我调用该 API 时，它返回“您需要启用 java...”，而我之前曾将 Postman 用于另一个项目...是否与api，服务器还是其他什么？

有一个对象数组

  const groups = [
    { id: 0, name: "All", selected: false },
    { id: -1, name: "All", selected: true },
    { id: 1, name: "Group1", selected: false },
    { id: 2, name: "Group2", selected: false },
    { id: 3, name: "Group3", selected: false },
    { id: 4, name: "Group4", selected: true }
  ];

我想用地图从这个对象中提取 ids

groups.map(group => group.id > 0 && group.selected ? group.id:null)

但结果将是 [null,null,4,null...] 实际上它应该是[4]

我知道我可以使用另一个函数，如forEach和push或map和filter，但我会用 map 或其他东西进行一次迭代来解决它。

我定义了一个自定义钩子来执行一些操作并调用一些 API，如下所示

    const useCustomHook = (param1,param2) => {
      const response = callAPI(param1, param2 ){ .... }
       return [callAPI, response]
    }

我在某处使用了这个钩子，它也能正常工作：例如

const [save ,response] = useCustomHook(param1,param2);

但是，我需要在不同条件下使用不同参数调用save：例如：

if (type===1) 
    const [save ,response] = useCustomHook(param1,'a');
else 
    const [save ,response] = useCustomHook(param1,'b');

但是，如您所知，钩子不能有条件地调用，因此上面的代码不会运行。

任何想法表示赞赏。

虽然我为 SearchDropDownItem 定义了一个键，但它显示了一个警告

组件下拉

filteredItems.length > 0 ? (
  filteredItems.map(item => {
    return (
      <SearchDropDownItem
        item={item}
        buttonTitle={{ buttonJoin: content.buttonJoin }}
        onItemSelect={onItemSelect}
      />
    );
  })
) : (
  <SearchDropDownItem emptyList={content.noCommunityFound} />
)

searchDropDownItem 组件：

const SearchDropDownItem = ({
  item = {   },
  onItemSelect,
  buttonTitle = "",
  emptyList
}) => {
  return (
    <DropdownItem key={item.id || 1}>
      {!emptyList ? (
        <Box>
          <Span>{item.name} </Span>
          <JoinButton
            item={item}
            index={item.id}
            onSuccess={onItemSelect}
            content={buttonTitle}
          />
        </Box>
      ) : (
        <Box>
          <Span>{item.emptyList}</Span>
        </Box>
      )}
    </DropdownItem>
  );
};

警告： …