小编Sun*_*nny的帖子

如何在formik中根据另一字段设置一个字段的输入值?

我是 ReactJS 的新手,并且在我的 Web 应用程序中使用 formik。在表单内,我必须根据用户在另一个字段中输入的值来设置一个字段的值。

下面是我的表格:

<Formik
   initialValues={this.state.data}
   enableReinitialize={true}
   onSubmit={this.formSubmit} >
   {({ values, setFieldValue }) => (
   <Form>
      <FormGroup>
         <Field className="form-control" name="Price" type="number">
         </Field>
         <Label className="impo_label">Price</Label>
      </FormGroup>
      <FormGroup>
         <Field className="form-control" name="Qty" type="number">
         </Field>
         <Label className="impo_label">Qty</Label>
      </FormGroup>
      <FormGroup>
         <Field className="form-control" value={values.Price*values.Qty} name="Amount" type="number">
         </Field>
         <Label className="impo_label">Amount</Label>
      </FormGroup>
      <FormGroup>
         <Field className="form-control" name="Discount" type="number">
         </Field>
         <Label className="impo_label">Discount</Label>
      </FormGroup>
      <FormGroup>
         <Field className="form-control" name="Discount" type="number">
         </Field>
         <Label className="impo_label">Discount</Label>
      </FormGroup>
      <FormGroup>
         <Field className="form-control" value={(values.Amount * values.Discount)/100} name="FinalAmount" type="number">
         </Field>
         <Label className="impo_label">FinalAmount</Label>
      </FormGroup>
   </Form>
   )}
</Formik> …
Run Code Online (Sandbox Code Playgroud)

reactjs formik

6
推荐指数
1
解决办法
5777
查看次数

PostgreSQL 中 JSONB[] (JSONB ARRAY) 数据类型有什么用?

我在其中一个项目中使用 Postgres 数据库。现在我需要将 JSON 数组存储在数据库中。像下面这样:

例如,我有以下 JSON 结构:

[
  {
    "Id": 1,
    "Name": "XYZ"
  },
  {
    "Id": 2,
    "Name": "ABC"
  }
]
Run Code Online (Sandbox Code Playgroud)

为此,我使用 JSONB 数据类型并且工作正常。那么当我们可以简单地将 JSON 数组存储在 JSONB 数据类型中时,JSONB[] 数据类型有什么用呢?

postgresql jsonb

5
推荐指数
1
解决办法
8158
查看次数

.net 核心中的 IHttpClientFactory

我想IHttpClientFactory在我的 .NET Core 项目中使用。问题是我需要使用大量 API。那么我应该为所有 API 使用单个类型化客户端还是应该将它们分叉?所有 API 请求都来自同一个源。

public interface IStudentClient
{

}

public class StudentClient : IStudentClient
{

}

services.AddHttpClient<IStudentClient, StudentClient>();
Run Code Online (Sandbox Code Playgroud)

我遵循了上述结构,并计划将所有 API 包含在内IStudentClient并在StudentClient. 现在我的问题是,StudentClient当仅在一个类中包含所有 API 的实现时,这会不会使类变得更复杂。

c# asp.net-core

4
推荐指数
1
解决办法
1015
查看次数

当redux store中的值发生变化时,如何更新formik中的特定表单字段?

我在我的反应应用程序中使用 formik。我已经初始化了一个状态的所有表单值。但是如果 redux 存储中的道具发生变化,我想更新特定的表单字段。以下是我的表单:

<Formik
initialValues={this.state.branchData}
enableReinitialize={true}
onSubmit={this.formSubmit} >
{({ values, setFieldValue }) => (
    <Form >
        <Row>
            <Col lg="12">

                <FormGroup className="col-6">
                    <Input type="select" value={values.StateId} name="StateId" onChange={this.handleChange(setFieldValue)}>
                        <option value='' >Select State</option>
                        {this.props.stateList && this.props.stateList.map((item, i) => (
                            <option key={i} value={item.StateId}>
                                {item.StateName}
                            </option>
                        ))}
                    </Input>
                    {this.validator.message('state', values.StateId, 'required')}
                    <Label className="impo_label">Select State</Label>
                </FormGroup>

                <FormGroup className="col-6">
                    <Field className="form-control" name="GstNo" type="text" maxLength="15" />
                    <Label className="impo_label">GST No</Label>
                    {this.validator.message('gst no', values.GstNo, 'required|min:15|max:15')}
                </FormGroup>


            </Col>
        </Row>
    </Form>
)}
Run Code Online (Sandbox Code Playgroud)

现在,当我从下拉列表中更改状态时,将调用一个 api,它将通过状态 id 返回 gst no。我想用从道具中的 api 收到的值更新 gst …

reactjs formik

4
推荐指数
2
解决办法
8461
查看次数

标签 统计

formik ×2

reactjs ×2

asp.net-core ×1

c# ×1

jsonb ×1

postgresql ×1