Question

我有一个带输入的组件，是否有任何方法可以使用名称进行聚焦？

for ($i=0; $i < $count ; $i++) { 
  $list = '<a href="product.php?id=' . $id . '"><img src="inventory_images/' . $id . '.jpg" alt="' . $product_name . '" width="250" height="250" border="1" /></a>'
}

点击父div后，我附加了一个点击事件。

<div onClick={this.handleClick.bind(this)}>
    ... Some more code ...
        <input type="text" name={this.props.name} onChange={this.props.onChange} autoFocus/>
    ... Some more code ...
</div>

Answer 1

组件：

Format-Hex

点击处理程序：

<div onClick={this.handleClick.bind(this)}>
    ... Some more code ...
        <input type="text" ref={(input) => { this.input = input; }} name={this.props.name} onChange={this.props.onChange} autoFocus/>
    ... Some more code ...
</div>

或

组件：

handleClick(e) {
    this.input.focus();
    return this.props.onClick(this.props.name);
}

点击处理程序：

<div onClick={this.handleClick.bind(this)}>
    ... Some more code ...
        <input type="text" ref={this.props.name} name={this.props.name} onChange={this.props.onChange} autoFocus/>
    ... Some more code ...
</div>

反应 - 使用名称关注输入

1 个答案:

或