Update README with how to filter

Author: Ola Holmström

README.md

@@ -20,6 +20,7 @@ Highly customizable [React](http://facebook.github.io/react/index.html) componen
       * [How do I make the input dynamically grow in size?](#how-do-i-make-the-input-dynamically-grow-in-size)
       * [How do I add auto suggestion?](#how-do-i-add-auto-suggestion)
       * [How do I control the value of the input box?](#how-do-i-control-the-value-of-the-input-box)
+      * [How do I fix warning "unknown prop `addTag`"?](#how-do-i-fix-warning-unknown-prop-addtag)
     * [Component Interface](#component-interface)
       * [Props](#props)
         * [value (required)](#value-required)
@@ -180,6 +181,23 @@ class Example extends React.Component {
 }
 ```
 
+##### How do I fix warning "unknown prop `addTag`"?
+
+For ease of integration with auto complete components `react-tagsinput`
+passes the `addTag` method to `renderInput` props, if you are writing your
+own `renderInput` you need to filter `addTag` to not get an error about
+`unknown prop addTag` from React. Here is how it's done in the default
+`renderInput` function.
+
+```js
+function defaultRenderInput ({addTag, ...props}) {
+  let {onChange, value, ...other} = props
+  return (
+    <input type='text' onChange={onChange} value={value} {...other} />
+  )
+}
+```
+
 ## Component Interface
 
 ### Props

bower.json

@@ -4,7 +4,7 @@
     "react-tagsinput.js",
     "react-tagsinput.css"
   ],
-  "version": "3.14.0",
+  "version": "3.14.2",
   "homepage": "https://github.com/olahol/react-tagsinput",
   "description": "Highly customizable React component for inputing tags",
   "keywords": [

example/bundle.js

@@ -4588,11 +4588,13 @@
 	      getTagDisplayValue: _react2.default.PropTypes.func
 	    };
 
-	    function defaultRenderInput(props) {
+	    function defaultRenderInput(_ref) {
+	      var addTag = _ref.addTag,
+	          props = _objectWithoutProperties(_ref, ['addTag']);
+
 	      var onChange = props.onChange,
 	          value = props.value,
-	          addTag = props.addTag,
-	          other = _objectWithoutProperties(props, ['onChange', 'value', 'addTag']);
+	          other = _objectWithoutProperties(props, ['onChange', 'value']);
 
 	      return _react2.default.createElement('input', _extends({ type: 'text', onChange: onChange, value: value }, other));
 	    }

package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-tagsinput",
-  "version": "3.14.1",
+  "version": "3.14.2",
   "description": "Highly customizable React component for inputing tags",
   "main": "react-tagsinput.js",
   "peerDependencies": {

react-tagsinput.js

@@ -166,11 +166,13 @@
     getTagDisplayValue: _react2.default.PropTypes.func
   };
 
-  function defaultRenderInput(props) {
+  function defaultRenderInput(_ref) {
+    var addTag = _ref.addTag,
+        props = _objectWithoutProperties(_ref, ['addTag']);
+
     var onChange = props.onChange,
         value = props.value,
-        addTag = props.addTag,
-        other = _objectWithoutProperties(props, ['onChange', 'value', 'addTag']);
+        other = _objectWithoutProperties(props, ['onChange', 'value']);
 
     return _react2.default.createElement('input', _extends({ type: 'text', onChange: onChange, value: value }, other));
   }

src/index.js

@@ -45,9 +45,8 @@ defaultRenderTag.propTypes = {
   getTagDisplayValue: React.PropTypes.func
 }
 
-function defaultRenderInput (props) {
-  // eslint-disable-next-line
-  let {onChange, value, addTag, ...other} = props
+function defaultRenderInput ({addTag, ...props}) {
+  let {onChange, value, ...other} = props
   return (
     <input type='text' onChange={onChange} value={value} {...other} />
   )