小编man*_*kur的帖子

我有一个多步骤表单，我正在使用 react 来制作我正在使用的验证react-hook-form。

我已经完成了 90% 的事情，只是我面临的问题是获取动态的第二个表单数据。

我正在做的是

• 在我的第一个表单中，我有两个字段，当它们被填写（验证）时，我将转到下一个表单
• 在我的下一个表单中，我有两个输入字段，在添加按钮上，用户也可以添加多行字段，这些工作正常

问题

• 现在，当我在第二种形式中创建新字段时，我想验证它们，但不知道该怎么做。

我做了什么

在我的主要组件中，我这样做是为了验证

const forms = [
  {
    fields: ['desig', 'dept'],
    component: () => (
      <Pro register={register} errors={errors} defaultValues={defaultValues} />
    ),
  },
  {
    fields: [
      `userInfo[0].fname`, // here I am facing issue if I am statically putting 0,1 then it is validating that perticular form
      `userInfo[0].sirname`,
    ],
    component: () => (
      <Basic
        register={register}
        errors={errors}
        defaultValues={defaultValues}
        inputHolder={inputHolder}
        deleteRow={deleteRow}
        addRow={addRow}
      />
    ),
  },
];

单击提交时，我正在执行此操作

const handleSubmit = (e) => …

我在JavaScript的帮助下呈现HTML表。我已经成功地制作了表格，但是现在我有一个要求可以连续显示一些新数据，例如单击“展开”行

表功能：

• 我正在填充表格某些品牌明智的做法是每个品牌内部都有一些项目，当点击该品牌时我想显示这些项目
• 我几乎创建了表格，但无法创建可扩展行
• 我的专栏之一也在填充错误的数据

在我的代码中，我注释了所有行，我在那一行中正在做什么

我面临的问题

• 我已作了评论，我计算netamount来填充里面的线tbody作为GRN entery品牌的睿智但造成问题的

我创建了两个代码段，一个是完整的静态HTML，就像我想要的那样，另一个是显示我的工作。

我在Google上找到的帮助

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js"></script>

<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.2/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.2/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css">

<table class="table table-responsive table-hover table-bordered">
  <thead>
    <tr>
      <th> Brand Name</th>
      <th colspan="2">Total</th>
      <th colspan="2">Jayanagar</th>
      <th colspan="2">Malleshwaram</th>
      <th colspan="2">Kolar</th>
    </tr>
    <tr>
      <th></th>
      <th>Grn Entery</th>
      <th>Sales</th>
      <th>Grn Entery</th>
      <th>Sales</th>
      <th>Grn Entery</th>
      <th>Sales</th>
      <th>Grn Entery</th>
      <th>Sales</th>
    </tr>
    <tr>
      <th>Total</th>
      <th>1,97,445</th>
      <th>6,83,880</th>
      <th>1,97,445</th>
      <th>4,76,426</th>
      <th>0</th>
      <th>1,15,313</th>
      <th>0</th>
      <th>92,141</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td><span class="clickable" data-toggle="collapse" id="row1" …

我正在处理 HTML 表格，并html-to-paper在 vue.js 中使用该表格将该表格打印到打印机，我正在做的是点击添加创建一个新行，然后点击打印我正在尝试打印表格，但它没有任何仅显示空单元格的数据

代码 App.vue

    <template>
  <div id="app">
    <button type="button" @click="btnOnClick">Add</button>

    <div id="printMe">
      <table class="table table-striped table-hover table-bordered mainTable" id="Table">
    <thead>
      <tr>

        <th class="itemName">Item Name</th>
        <th>Quantity</th>
        <th>Selling Price</th>
        <th>Amount</th>
      </tr>
    </thead>
    <tbody>
      <tr v-for="(tableData, k) in tableDatas" :key="k">

        <td>
          <input class="form-control" readonly v-model="tableData.itemname" />
        </td>
        <td>
          <input class="form-control text-right" type="text" min="0" step=".01" v-model="tableData.quantity" v-on:keyup="calculateQty(tableData)" />
        </td>
        <td>
          <input class="form-control text-right" type="text" min="0" step=".01" v-model="tableData.sellingprice" v-on:keyup="calculateSPrice(tableData)" />
        </td>
        <td>
          <input readonly class="form-control text-right" type="text" min="0" step=".01" v-model="tableData.amount" …

我正在开发一个应用程序，我使用 React 作为我的前端和React-apollo-graphqlAPI 调用。

我react-hooks在 React 16.8 + 中使用ie。

我在做什么

我已经创建了一个auth.js文件，当用户登录并检查令牌是否有效时，我将在其中存储我的值（我正在检查到期），但该文件仅加载我正在刷新或重新加载页面，那不是它应该如何工作

我的 auth.js 文件

const initialstate = {
    user: null,
};
if (localStorage.getItem("JWT_Token")) {
    const jwt_Token_decoded = Jwt_Decode(localStorage.getItem("JWT_Token"));
    console.log(jwt_Token_decoded.exp * 1000);
    console.log(Date.now());
    if (jwt_Token_decoded.exp * 1000 < Date.now()) {
        localStorage.clear(); // this runs only when I refresh the page or reload on route change it dosent work
    } else {
        initialstate.user = jwt_Token_decoded;
    }
}

const AuthContext = createContext({
    user: null,
    login: (userData) => …

我有一个几乎完成的任务，但我坚持到最后。

我在做什么

• 我有来自后端的JSON数据，我立即调用它，然后将其显示为HTML表，但一次仅显示10行，如果行超过10，则它将分两部分显示，第一个显示10，然后在下一个10秒显示5秒钟，可以检查我的代码段
• 当它是表格的最后一页时，我正在做的是显示一个图像，如果图像是一个表格，则图像->如果图像中有多个图像，则图像应该比表格多2个图像->图像1-> table-> image2像这样工作
• 当周期完成后，如table-> image时，我再次调用table函数，因为它将具有动态数据
• 在这里，图像数据也以JSON格式传入，并且在遇到问题时也是动态的

问题

• 我有一个功能imageFormatter()，该功能具有JSON格式的图像数据
• 这些图像在我的数据库中设置为列名，IsActive因此当我调用此数据时，我正在通过查询检查数据库中的这种情况
• 现在我的表格显示在UI上，iamges也显示在我的数据库中，该IsActive标志可以随时从更改Y为N
• 现在我想做的是我希望函数imageFormatter()每5秒刷新一次，以便可以接收新数据
• 要更改IsActive我有一个用户单击用户界面的界面，无论图像用户选择了什么，我都将其保存到db中servlet，现在只想显示此调用，imageFormatter()以便可以获取最新图像

这是我用来完成任务的方法。有没有更好的方法？

我已经注释了代码中的所有行，以更好地理解

function myFun() {
  imageFormatter(); // here  I am calling because it will call again and again
  $.ajax({

    url: "MenuCounter",
    method: "GET",
    data: {
      counterCode: counterCode
    },
    dataType: "json",
    contentType: "application/json; charset=utf-8",
    success: function(tableValue) {

      // tableValue i have provided in my code/post

      if (tableValue[0].outlet …

我正在使用 react，我必须通过 给我的用户登录Azure B2C，所以我正在尝试这样做，但我无法找到如何做到这一点以及是什么。

我试过的

1. 我从微软网站上得到了这个例子，它是使用纯 JavaScript (vanilla) 完成的，我不知道如何在我的 React 代码中实现它。

所以我试着用一些反应库移动，我谷歌搜索并找到了 这个库

我按照他们所写相同的代码，但是当我打登录按钮，它需要我的蔚蓝登录页面，所以在我的app.js 我做console.log(authentication.getAccessToken());登录它抛出空后，我不知道为什么

我的代码

authentication.initialize({
        // optional, will default to this
        instance: 'https://login.microsoftonline.com/tfp',
        // My B2C tenant
        tenant: 'mytenant.onmicrosoft.com',
        // the policy to use to sign in, can also be a sign up or sign in policy
        signInPolicy: 'B2c_signupsignin',
        // the the B2C application you want to authenticate with (that's just a random GUID - get yours from the portal)
        clientId: 'fdfsds5-5222-ss522-a659-ada22',
        // …

我在 react 中从我的 JSON 数据创建了一个 UI，我在其中创建了选项卡并在每个选项卡中嵌套了一些元素，这些元素工作正常。

我为每个选项卡都有一个删除按钮，因此当我单击删除时，它会删除该微粒选项卡。

我也在我的选项卡中嵌套元素，所以现在我试图通过单击相应的按钮来删除这些元素，但出现错误。

要创建新选项卡，我这样做：

      const addNewTab = () => {
        const name = window.prompt("Enter Name");
        if (name) {
          setData((data) => [...data, new Data(id, name)]);
        }
      };

并在该选项卡内创建新元素：

      const Create_element = () => {
        const data_name = window.prompt("Enter Data Name");;
        if (data_name ) {
          setData((data) =>
            data.map((el, i) =>
              i === active_menu
                ? {
                    ...el,
                    myData: [...el.myData, { data_name,  }]
                  }
                : el
            )
          );
        }
      };

要删除选项卡：

    setData((data) => data.filter((_, i) => i !== index)); …

我有一个带有JSON数据的HTML表，在其中我试图动态地使tbody与Fix标头垂直滚动

我试图使tbody垂直滚动，以便用户只能在单个页面中看到数据。

我做了什么

var data = [{
    "billdate": "2018-08-01",
    "outlet": "JAYANAGAR",
    "gross": 274659,
    "discount": 297,
    "GST": 16479,
    "amount": 290954
  },
  {
    "billdate": "2018-08-01",
    "outlet": "MALLESHWARAM",
    "gross": 55185,
    "discount": 0,
    "GST": 3074,
    "amount": 58281
  },
  {
    "billdate": "2018-08-01",
    "outlet": "KOLAR",
    "gross": 62513,
    "discount": 0,
    "GST": 3306,
    "amount": 65880
  },
  {
    "billdate": "2018-08-02",
    "outlet": "JAYANAGAR",
    "gross": 279509,
    "discount": 68,
    "GST": 16582,
    "amount": 296125
  },
  {
    "billdate": "2018-08-02",
    "outlet": "MALLESHWARAM",
    "gross": 53462,
    "discount": 0,
    "GST": 3064,
    "amount": 56545
  },
  {
    "billdate": "2018-08-02",
    "outlet": …

我有一个应用程序，我有两个登录名，一个superAdmin是“管理员”，另一个是“管理员”。

1. 我有几个页面，其中一个是常见的（主页），两个用户都超过了这个页面。

2. 然后我还有其他几个页面，其中一些用于admin，另一些用于superAdmin.

3. 现在，当我打开我的页面时，我正试图走“/”这条路线（我的家乡路线）。 我想做什么

4. 现在，如果我以管理员身份登录并且管理员用户superAdmin在地址栏中键入一些url，我希望将其重定向到当前的管理员路由

5. 同去的superAdmin还有

6. 我想限制用户使用过多的彼此路线

7. 如果我是 admin 用户或 superAdmin 用户并尝试登录并尝试过多的经过身份验证的路由，我应该重定向到主页

我做了什么

我在这里创建了一个组件（动态路由），我正在检查用户正在尝试做什么。在路由文件中的 route.js 中，我将 props 传递为guest，superAdmin并且admin

Dynamicroute.js 代码

我已经创建了我的上下文来存储用户登录后

    export default function Dynamicroute(props) {
    const { user } = useAuthState();  // this I am getting from my context
    console.log(user);

    if (props.partner && !user) {
        console.log('admin not logedin');
        return <Redirect to="/admin" />;
    } else if (props.admin && !user) {
        console.log('superAdmin not loged in'); …

我正在使用react-grid-layout来制作drag-drop and resize components，所以我能够实现文档中提到的功能。

我的问题

• 我正在创建动态 UI，所以我正在用数据渲染我的 UI。
• 在这个库中，我需要创建布局，例如 { {i: 'a', x: 0, y: 0, w: 1, h: 2}
• 当我创建静态 UI 时，我能够实现我想要的。这是工作代码沙箱

在具有预定义布局的静态 Ui 中，我喜欢下面的内容。

    const layout = [
    { i: "a", x: 0, y: 0, w: 2, h: 1 },
    { i: "b", x: 2, y: 0, w: 2, h: 1 },
    { i: "c", x: 4, y: 0, w: 2, h: 1 },
    { i: "d", x: 6, y: 0, w: 2, …