fix issues:

Himanshu Satija · Himanshu Satija · commit c6beb8971ba9 · 2016-06-21T16:47:35.000+05:30
diff --git a/Components/Widgets/InputGroup.js b/Components/Widgets/InputGroup.js
@@ -9,6 +9,7 @@ import computeProps from '../../Utils/computeProps';
 import Input from './Input';
 import _ from 'lodash';
 
+var keyIndex = 0;
 
 export default class InputGroup extends NativeBaseComponent {
 
@@ -75,7 +76,8 @@ export default class InputGroup extends NativeBaseComponent {
 		var  addedProps = _.merge(this.getInitialStyle().textInput, type);
 
 		var defaultProps = {
-			style: addedProps
+			style: addedProps,
+			key: keyIndex++
 		}
 
 		return computeProps(this.props, defaultProps);
@@ -93,7 +95,8 @@ export default class InputGroup extends NativeBaseComponent {
 		}
 
 		var defaultProps = {
-			style: defaultStyle
+			style: defaultStyle,
+			key: keyIndex++
 		}
 
 		return computeProps(icon.props, defaultProps);
@@ -127,23 +130,23 @@ export default class InputGroup extends NativeBaseComponent {
 		if(Array.isArray(this.props.children)) {
 
 			if(this.props.iconRight) {
-				newChildren.push(<Input {...inputProps} style={{height: this.props.toolbar ? 30 : undefined, fontSize: this.props.toolbar ? 15 : undefined}}/>);
+				newChildren.push(<Input key={keyIndex++} {...inputProps} style={{height: this.props.toolbar ? 30 : undefined, fontSize: this.props.toolbar ? 15 : undefined}}/>);
 				newChildren.push(React.cloneElement(iconElement[0],this.getIconProps(iconElement[0])));
 			}
 			else {
 				if (iconElement.length > 1) {
 					newChildren.push(React.cloneElement(iconElement[0], this.getIconProps(iconElement[0])));
-					newChildren.push(<Input {...inputProps} style={{height: this.props.toolbar ? 30 : undefined, fontSize: this.props.toolbar ? 15 : undefined}}/>);
+					newChildren.push(<Input key={keyIndex++} {...inputProps} style={{height: this.props.toolbar ? 30 : undefined, fontSize: this.props.toolbar ? 15 : undefined}}/>);
 					newChildren.push(React.cloneElement(iconElement[1], this.getIconProps(iconElement[1])));
 				} else {
 					newChildren.push(React.cloneElement(iconElement[0], this.getIconProps(iconElement[0])));
-					newChildren.push(<Input {...inputProps} style={{height: this.props.toolbar ? 30 : undefined, fontSize: this.props.toolbar ? 15 : undefined}}/>);
+					newChildren.push(<Input key={keyIndex++} {...inputProps} style={{height: this.props.toolbar ? 30 : undefined, fontSize: this.props.toolbar ? 15 : undefined}}/>);
 				}
 			}
 		}
 
 		else {
-			newChildren.push(<Input {...inputProps} style={{height: this.props.toolbar ? 30 : undefined, fontSize: this.props.toolbar ? 15 : undefined}}/>);
+			newChildren.push(<Input key={keyIndex++} {...inputProps} style={{height: this.props.toolbar ? 30 : undefined, fontSize: this.props.toolbar ? 15 : undefined}}/>);
 		}
 
 		return newChildren;

Original file line number	Diff line number	Diff line change
`@@ -9,6 +9,7 @@ import computeProps from '../../Utils/computeProps';`
`9`	`9`	`import Input from './Input';`
`10`	`10`	`import _ from 'lodash';`
`11`	`11`
	`12`	`+var keyIndex = 0;`
`12`	`13`
`13`	`14`	`export default class InputGroup extends NativeBaseComponent {`
`14`	`15`
`@@ -75,7 +76,8 @@ export default class InputGroup extends NativeBaseComponent {`
`75`	`76`	`var addedProps = _.merge(this.getInitialStyle().textInput, type);`
`76`	`77`
`77`	`78`	`var defaultProps = {`
`78`		`- style: addedProps`
	`79`	`+ style: addedProps,`
	`80`	`+ key: keyIndex++`
`79`	`81`	`}`
`80`	`82`
`81`	`83`	`return computeProps(this.props, defaultProps);`
`@@ -93,7 +95,8 @@ export default class InputGroup extends NativeBaseComponent {`
`93`	`95`	`}`
`94`	`96`
`95`	`97`	`var defaultProps = {`
`96`		`- style: defaultStyle`
	`98`	`+ style: defaultStyle,`
	`99`	`+ key: keyIndex++`
`97`	`100`	`}`
`98`	`101`
`99`	`102`	`return computeProps(icon.props, defaultProps);`
`@@ -127,23 +130,23 @@ export default class InputGroup extends NativeBaseComponent {`
`127`	`130`	`if(Array.isArray(this.props.children)) {`
`128`	`131`
`129`	`132`	`if(this.props.iconRight) {`
`130`		`- newChildren.push(<Input {...inputProps} style={{height: this.props.toolbar ? 30 : undefined, fontSize: this.props.toolbar ? 15 : undefined}}/>);`
	`133`	`+ newChildren.push(<Input key={keyIndex++} {...inputProps} style={{height: this.props.toolbar ? 30 : undefined, fontSize: this.props.toolbar ? 15 : undefined}}/>);`
`131`	`134`	`newChildren.push(React.cloneElement(iconElement[0],this.getIconProps(iconElement[0])));`
`132`	`135`	`}`
`133`	`136`	`else {`
`134`	`137`	`if (iconElement.length > 1) {`
`135`	`138`	`newChildren.push(React.cloneElement(iconElement[0], this.getIconProps(iconElement[0])));`
`136`		`- newChildren.push(<Input {...inputProps} style={{height: this.props.toolbar ? 30 : undefined, fontSize: this.props.toolbar ? 15 : undefined}}/>);`
	`139`	`+ newChildren.push(<Input key={keyIndex++} {...inputProps} style={{height: this.props.toolbar ? 30 : undefined, fontSize: this.props.toolbar ? 15 : undefined}}/>);`
`137`	`140`	`newChildren.push(React.cloneElement(iconElement[1], this.getIconProps(iconElement[1])));`
`138`	`141`	`} else {`
`139`	`142`	`newChildren.push(React.cloneElement(iconElement[0], this.getIconProps(iconElement[0])));`
`140`		`- newChildren.push(<Input {...inputProps} style={{height: this.props.toolbar ? 30 : undefined, fontSize: this.props.toolbar ? 15 : undefined}}/>);`
	`143`	`+ newChildren.push(<Input key={keyIndex++} {...inputProps} style={{height: this.props.toolbar ? 30 : undefined, fontSize: this.props.toolbar ? 15 : undefined}}/>);`
`141`	`144`	`}`
`142`	`145`	`}`
`143`	`146`	`}`
`144`	`147`
`145`	`148`	`else {`
`146`		`- newChildren.push(<Input {...inputProps} style={{height: this.props.toolbar ? 30 : undefined, fontSize: this.props.toolbar ? 15 : undefined}}/>);`
	`149`	`+ newChildren.push(<Input key={keyIndex++} {...inputProps} style={{height: this.props.toolbar ? 30 : undefined, fontSize: this.props.toolbar ? 15 : undefined}}/>);`
`147`	`150`	`}`
`148`	`151`
`149`	`152`	`return newChildren;`