小编Ask*_*ing的帖子

我的应用程序中有一个表，我在其中对每一行使用 select 。

当我单击并选择行时，左上角会出现一个选中的复选框。我不想显示该复选框，我想显示其他内容，例如带有文本的 div。仅当我单击一行中的复选框时，该 div 才会出现。

这个怎么做？我试图找到呈现该复选框的事件，但我没有成功。如何访问该元素并在其他元素中更改它？沙箱链接：https://codesandbox.io/s/selection-ant-design-demo-vlftk? file=/index.js

我正在使用 Next js。我使用查询参数创建 url: http://localhost:3000/cars?colors=red&nr=20。当我单击按钮时，是否有可能仅更改网址的特定部分，例如：http://localhost:3000/cars?colors=blue&nr=20。所以在这种情况下我只是将颜色更改为蓝色。我用了：

  router.replace(
      {
        pathname: '/...',
        query:  {
          color: blue
        },
      },
      undefined,
      {
        shallow: true,
      },
    );

但它不起作用。
如何解决问题？

我正在使用auth0和nextJS。

我下一步想做：当用户添加他的凭据并登录时，他将被重定向到callbackAPI。

和这里

    import auth0 from '../../utils/auth0';

    export default async function callback(req, res) {
      try {
        await auth0.handleCallback(req, res, {
          redirectTo: '/'
        });
      } catch (error) {
        console.error(error);
        res.status(error.status || 400).end(error.message);
      }
    }

我想根据令牌重定向用户。
如果应用程序是简单的用户或管理员，则解码令牌我将获取数据。

如果他是管理员，即使不是用户页面，他也应该被重定向到管理页面。

所以我做了这样的事情：

    import auth0 from '../../utils/auth0';

    export default async function callback(req, res) {
       const tokenCache = auth0.tokenCache(req, res);
       const { accessToken } = await tokenCache.getAccessToken();
       console.log(accessToken) 
      try {
        await auth0.handleCallback(req, res, { redirectTo: '/' });
      } catch (error) { …

我的下一个应用程序有 2 页：登录、汽车和通过 ID 返回的汽车。在“汽车”页面上，我想参观一辆特定的汽车。该 url 如下所示：/cars用于汽车和/cars/car-id包含汽车的页面。此外，当用户在汽车页面上重定向时，会发生一个返回有关汽车的数据的请求。为此，我在 cypresvisit方法中使用了：

cy.visit('http://localhost:3000/cars/1234') //to go to the car page by id (1234 is the car id)
cy.route('GET', 'fixture:car.json').as('getCar') // here i make the request
cy.wait('@getCar')

但是这样做我得到： CypressError: Timed out retrying: cy.wait() timed out waiting 5000ms for the 1st request to the route: 'getCar'. No request ever occurred. ，但是如果我单击菜单项进入汽车页面，则一切正常： cy.get("a[href*=/car/1234]").click()一切正常。为什么visit会抛出这个错误？以及我的情况如何解决？

我有这个代码：

const arr = [
{name:"Bill", age:11},
{name:"Bill", age:11}
]
console.log(arr.includes({name:"Bill", age:11}))

这里我想检查数组是否包含{name:"Bill", age:11}.
为什么我会假？以及如何使用包含进行此检查？

我有以下项目：

.first {
    padding: 12px 35px;
    border-radius: 22px;
    border: 2px solid;
    font-size: 15px
}
.second {
    padding: 12px 35px;
    border-radius: 22px;
    border: 2px solid;
    font-size: 25px
}

<button class="first">click</button>
<button class="second">click</button>

为什么第二个按钮，即使它具有相同的边界半径，角落也与第一个不同？如何将第二个按钮的边框半径设置为 22 像素，角与以前相同？

我在后端 nodejs(nestjs) 上使用。我在登录后从服务器发送 cookie：

res.cookie('token', 'token', {
  httpOnly: true
});

这是我的 cors 设置app.enableCors({credentials: true });；
作为前端，我使用 reactjs。登录后，服务器将 cookie 发送到这里：

但我需要在这里拿到饼干：
为什么我没有在我展示的地方获取 cookie，以及如何将它们放在那里以保存它们甚至重新加载页面？

我正在使用赛普拉斯和纽约配置。我的文件夹结构如下所示：

|/project
| /coverage/
   /lcov-report
    /index.html
 
|/cypress
| /main
   /car
    /car.spec.tsx
    /color.spec.tsx
     ...
| /integration

我需要一个解决方案来进入文件夹index.html中的唯一测试覆盖范围main。因此，index.html我只需要查看那里编写的测试的覆盖范围。
我注意到纽约市的文档。有一些配置https://github.com/istanbuljs/nyc#common-configuration-options。但是在那里我只能指定包含 中的功能的文件include，但是在我的项目的每个文件夹中我可以有一个测试文件，并且我不能每次都指定每个新文件以获得覆盖范围。
问题：是否有解决方案仅获取文件夹的覆盖率main或获取已编写测试的文件的覆盖率spec？或者获得具有spec.tsx扩展名的文件的覆盖范围？

我有一个应用程序可以从前端获取数据并将其存储在状态中。

对于某些输入，我使用以下方法设置默认值：

  form.setFieldsValue({
    note: text.note,
    gender: text.gender
  });

但我还想设置 RangePicker 的默认值。我有应该处于默认状态的数据：

  useEffect(() => {
    setText({
      note: "2",
      gender: "demo",
      start: "2020-03-09 13:00", //set as default value for Range Picker
      end: "2020-03-27 13:17" //set as default value for Range Picker
    });
  }, []);

如何使用精确设置范围选择器的默认值form.setFieldsValue？链接到我的代码：https://codesandbox.io/s/form-methods-ant-design-demo-hzgg7

我在我的应用程序中使用 Ant Design 的上传器。

function beforeUpload(file) {
  const filesFormats = [".doc", ".docx", "application/pdf"];
  console.log(file);
  const isRightFormat = filesFormats.includes(file.type);
  console.log(isRightFormat);
  if (!isRightFormat) {
    message.error("You can only upload pdf and doc files");
    return;
  }
  const isLt2M = file.size / 1024 / 1024 < 2;
  if (!isLt2M) {
    message.error("Image must smaller than 2MB!");
  }
  return isRightFormat && isLt2M;
}

class Avatar extends React.Component {
  state = {
    loading: false
  };

  handleChange = (info) => {
    console.log("info, ", info);
    if (info.file.status === "uploading") { …

根据 NextJs 文档，我们可以对 javascript 文件使用动态导入const DynamicComponent = dynamic(() => import('../components/hello'))。 对于这样的文件
使用动态导入也是正确的：.tsx

const MyComponent = dynamic(() => import('main/my-file.tsx'), {
  ssr: false,
});

？或者我们可以仅动态导入.js文件？

我的 React 应用程序中有这个按钮组件：

<button onClick={() =>alert('hi')} disabled={true}>test</button>

我预计什么时候会删除disabled浏览器中的属性，例如：

<button disabled>test</button>

到：

<button>test</button>

应该单击该按钮并且应该出现警报，但它没有发生。

为什么在浏览器内删除属性后按钮没有触发警报消息？