我是 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) 我在其中一个项目中使用 Postgres 数据库。现在我需要将 JSON 数组存储在数据库中。像下面这样:
例如,我有以下 JSON 结构:
[
{
"Id": 1,
"Name": "XYZ"
},
{
"Id": 2,
"Name": "ABC"
}
]
Run Code Online (Sandbox Code Playgroud)
为此,我使用 JSONB 数据类型并且工作正常。那么当我们可以简单地将 JSON 数组存储在 JSONB 数据类型中时,JSONB[] 数据类型有什么用呢?
我想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 的实现时,这会不会使类变得更复杂。
我在我的反应应用程序中使用 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 …