any chance for the tags to be editable?

[Page Flourin Tangalin]

i need this feature in my application

[vivekgusain3pg]

I am facing the same issue.

[David]

Already got asked for in #137 & #184

[码飞_CC]

I rewrite renderTag as follows, hope it helps

renderTag = (props) => {
	const { isTagFocus } = this.state
	const { tag, key, diasbled, onRemove, classNameRemove, getTagDisplayValue, ...other } = props
	return <span key={key} {...other} onBlur={() => { this.setState({ isTagFocus: false }) }}>
		{isTagFocus
			? <AutosizeInput
				onChange={this.hangdleTagChange}
				onFocus={(e) => {
					this.setState({
						tagEditIndex: this.state.inputBills.indexOf(e.target.value)
					})
				}}
				value={getTagDisplayValue(tag)}
				inputClassName={styles.tagEditInput}
			/>
			: <span onClick={() => { this.setState({ isTagFocus: true }) }}>
				{getTagDisplayValue(tag)}
			</span>
			}
			{!diasbled && <a className={classNameRemove} onClick={(e) => { onRemove(key) }}></a>}
	</span>
}

[Frederik (Rick) Reich]

and how do you implement this?

[Moshe Sommers]

Simply add the renderTag prop like so
<TagsInput renderTag={this.renderTag}/>