我在React.js中使用Redux表单和我的表单,我有一个自定义谷歌地图组件我想绑定lat和long到我的表单
形成
import React from 'react';
import { Field, reduxForm } from 'redux-form';
const SimpleForm = props => {
const { handleSubmit, pristine, reset, submitting } = props;
return (
<form onSubmit={handleSubmit}>
<div className="position-relative form-group">
<label>First Name</label>
<div>
<Field
name="firstName"
component="input"
type="text"
placeholder="First Name"
className="form-control"
/>
</div>
</div>
<Field name = 'eventLocation'
component = {MyParentComponentWrapper} />
</form>
);
};
export default reduxForm({
form: 'simple', // a unique identifier for this form
})(SimpleForm);
Run Code Online (Sandbox Code Playgroud)
我的MyParentComponentWrapper代码是
import React from 'react';
import { compose, …Run Code Online (Sandbox Code Playgroud) 想要div根据从JSON收到的值显示n次.
我的目标:
$scope.pro = [
{
product: "chicken",
rating: 3
},
{
product: "fish",
rating: 3
},
{
product: "pizza",
rating: 4
}
];
Run Code Online (Sandbox Code Playgroud)
如果一个产品有3个评级意味着div必须显示三次,如星级.
如何在angular.js中做到这一点?