coze_demo/socket/node_modules/pillarjs/docs/4_HANDLING_INPUT.md

Handling User Input

Since Pillar components' architecture is virtually the same as React's, you can handle interactions in the similar way:

class SuperInput extends Pillar {
	handleChange(e) {
		this.setState({
			email: e.target.value,
		});
	}

	render() {
		return <input name="email" onInput={this.handleChange.bind(this)} />;
	}
}

However, because Pillar is using Preact under the hood, you get a convenient linkState method on a component which you can use like so:

Note: the example above uses .bind(this) for demonstration purposes, but it's not a recommended way. Use autobind-decorator or decko in real code.

class SuperInput extends Pillar {
	render() {
		return <input name="email" onInput={this.linkState('email')} />;
	}
}

Optionally, you can provide a second 'path' argument to explicitly provide a dot-notated path to the new state value for more custom bindings.