小编You*_*mar的帖子

我最近开始学习 Java EE，但很难理解它。我已经在这里阅读了一些答案，但我仍然觉得我的理解存在一些差距。基本上，Java EE 是一个规范，TOMCAT、Glassfish 等应用服务器都有具体的实现。此外，任何人都可以提供 EE 的实现。

那么，我已经javax.sevlet-api-4.0.1-sources.jar从 Maven 存储库下载了，我可以看到它们只是接口，我假设我们只是使用它们来构建项目？

在 tomcat lib 文件夹中有一个servlet-api.jar. 这是servlet的tomcat实现吗？如果是，那么是否可以用另一个 servlet 版本实现替换它？

现在，Hibernate是Persistence API的实现。如果我想将 Hibernate 与 Tomcat 一起使用。我只需要将 Hibernate 相关的 jar 添加到我的应用程序中，就可以将它们用于构建和运行？没有真正获得合同课程。

我有一个 React 项目，它有两个页面，每个页面都有自己的 css 文件。

Page1.jsx -> Page1.css
Page2.jsx -> Page2.css

每个 css 文件仅包含在其对应的 jsx 文件中。两个 css 文件共享相似的类名（例如：column、image-place等）。问题是Page1受Page2CSS文件的影响。

我不是前端技术专家。任何帮助将不胜感激。

我收到的错误：

ERROR in ./src/components/Loading.jsx 9:33-39

export 'default' (imported as 'Loader') was not found in 'react-loader-spinner' (possible exports: Audio, BallTriangle, Bars, Circles, CradleLoader, Grid, Hearts, MutatingDots, Oval, Plane, Puff, RevolvingDot, Rings, TailSpin, ThreeDots, Triangle, Watch)

这是我的代码：

import React from 'react';
import Loader from 'react-loader-spinner';

export const Loading = () => (
  <div className="flex justify-center items-center ">
    <Loader type="Puff" color="#00BFFF" height={550} width={80} />
  </div>
);

正如您在下图中看到的，我必须给出一些上边距，以便“不”隐藏导航标题下的一半内容，标题不应该是以下内容的“安全区域”，为了安全起见，我提供了SafeAreaView但我的内容仍然位于标题下，不幸的是我必须提供一些硬编码的边距顶部值以避免隐藏。

上图是我评论的时候的marginTop。

上图是我添加时的图片marginTop: 70

代码：

NotificationScreen.tsx:

import {
  View,
  SafeAreaView,
  Text,
  StatusBar,
} from 'react-native';
import Animated, {FadeIn, FadeOut} from 'react-native-reanimated';
import OrderItem from '../../components/OrderItem';

const NotificationScreen = () => {
  const [orders, setOrders] = useState([]);

  useEffect(() => {
    // calling API...
  }, []);

  return (
    <SafeAreaView style={styles.container}>
      <StatusBar backgroundColor="transparent" translucent />

      <Text style={{color: 'lightgray', fontSize: 18}}>My Orders: </Text>

      <Animated.FlatList
        data={orders}
        entering={FadeIn}
        leaving={FadeOut}
        contentContainerStyle={{
          alignItems: 'center',
        }}
        keyExtractor={(_: any, index) => 'key' + index} …

如果我在本地主机上访问此代码，它可以从 API 中提取数据，然后将其显示在卡片上。

import { formatNumber, parseTimestampJM } from '../../utils';

import { Card } from './UserTransactions.styled';

// STEP 1 : fetch data from api
export async function getStaticProps() {
  const res = await fetch(
    'https://proton.api.atomicassets.io/atomicmarket/v1/sales'
  );
  const data = await res.json();
  return {
    props: {
      data,
    },
  };
}

function UserTransactionsComponent({ data }) {
  const results = data;
  console.log(results);
  return (
    <PageLayout>
      <div>
        <h1>This is a list of User Transactions!</h1>
      </div>
      <ul>
        {results.data.map((result) => {
          const {
            sale_id,
            buyer,
            seller, …

我一直在使用 的私有 API 获取一些数据axios，但现在从一个特定端点获取数据时遇到问题。

有趣的是，使用内置fetchAPI，我收到 200 响应，但相同的请求axios不断重新调整 401 错误。知道可能是什么问题吗？

这段代码的工作原理：

const upVoteCommentTwo = async () => {
  console.log(localStorage.getItem("access_token"));
  try {
    const response = await fetch(
      `https://exammple.com/comments/${commentId}/vote/up`,
      {
        method: "POST",
        headers: {
          "X-API-KEY": "XXX",
          "Authorization": localStorage.getItem("access_token"),
        },
      }
    );

    console.log(await response.status);
  } catch (err) {
    console.log(err);
  }
};

这不起作用：

const upVoteCommentOne = async () => {
  console.log(localStorage.getItem("access_token"));
  try {
    const response = await axios.post(
      `https://example.com/comments/${commentId}/vote/up/`,
      {
        headers: {
          "Content-Type": "application/json",
          "X-API-KEY": "XXX",
          "Authorization": localStorage.getItem("access_token"),
        }, …

我在我的应用程序中使用反应表与服务器端分页和搜索。每当分页发生变化时，我都会使用onPaginationChangeprop 来调用 API。但我还有一个搜索输入文本。为此，我使用useEffect监听搜索文本更改并调用 API。

<Pagination 
    onPaginationChange={(pageSize, pageNo) => {
        setNoOfRecords(pageSize);
        dispatchGet(
            dispatch,
            currentOrg.id,
            pageSize,
            pageNo,
            searchText,
        );
    }} //this is ok
/>

我还有一个searchText状态，useEffect用于searchText更改和 API 调用：

const [searchText, setSearchText] = useState("");

useEffect(() => {
    if (currentOrg) {
        dispatchGetSubOrgs(
            dispatch,
            currentOrg.id,
            noOfRecords,
            currentPage, // I get these from redux store and get updated when API calls
            searchText,
        );
    }
}, [searchText]);

这里 Eslint 抱怨我需要添加currentPage到依赖项数组中。但是，如果我添加它并onPaginationChange由于某些分页更改而被调用，currentPage则会更新并被useEffect调用并将调用 …

在我的制作中，当我们将鼠标悬停在应用程序中的任何链接上时，XHR 请求将发送到服务器。因此我需要阻止这种选择。

我用过prefetch={false}没用啊 这个问题有什么解决办法吗？

 <Link href={`${path}${card.post_details.slug}`} prefetch={false}> 
   Read More
 </Link>

我有一个像这样的分析实用程序：

class Analytics {
    data: Record<string, IData>;

    constructor() {
        this.data = {};
    }
    setPaths(identifier: string) {
        if (!this.data[identifier])
            this.data[identifier] = {
                generic: getGenericInit(),
                session: getSessionInit(),
                paths: {
                    geoCollectionPath: '',
                    sessionCollectionPath: '',
                    eventsCollectionPath: ''
                }
            };
        this.data[identifier].paths = {
            geoCollectionPath: getGeoPath(identifier),
            sessionCollectionPath: getSessionPath(identifier),
            eventsCollectionPath: getEventPath(identifier)
        };
    }
    getAll() {
        return this.data;
    }
}

const analytics = new Analytics();
export default analytics;

我将其导入到 2 个 api 文件夹中：e1.ts和e2.ts.

e1.ts：

import { NextApiHandler } from 'next';
import analytics from …

form我正在尝试从 a获取值FormData：

  const handleSubmit = (e: FormEvent<HTMLFormElement>) => {
    e.preventDefault();
    const formData = new FormData(e.target as HTMLFormElement);
    const value = formData.get('origin') ? 'open' : 'on';
    updateResizingOptionsQuery.mutate({ value });
  };

由于 React 发送SynteticEvents， 的接口e.target不适合FormData构造函数。在示例中，我正在投射不理想的类型。该代码的更好版本是什么？

如果不强制转换，则会抛出此 lint 错误：

“EventTarget”类型的参数不可分配给“HTMLFormElement”类型的参数。类型“EventTarget”缺少类型“HTMLFormElement”中的以下属性：acceptCharset、action、autocomplete、elements 以及其他 297 个属性。