Reagieren Verwandte Wörterbücher
Reagieren Sie Refs
Ausführliche Gebrauchsanweisung
Reagieren Sie Refs
chinesische Übersetzung
kürzliche Updates: 2018-06-21 11:26:31
React unterstützt ein ganz besonderes Attribut Ref, das Sie zum Binden an jede Komponentenausgabe von render() verwenden können.
Reagieren Sie Refs Syntax
Mit dieser speziellen Eigenschaft können Sie auf die entsprechende von render() zurückgegebene Backing-Instanz verweisen. Dadurch ist sichergestellt, dass Sie jederzeit die richtige Instanz erhalten.
Reagieren Sie Refs Beispiel
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>php.cn React 实例</title>
<script src="https://cdn.bootcss.com/react/15.4.2/react.min.js"></script>
<script src="https://cdn.bootcss.com/react/15.4.2/react-dom.min.js"></script>
<script src="https://cdn.bootcss.com/babel-standalone/6.22.1/babel.min.js"></script>
</head>
<body>
<div id="example"></div>
<script type="text/babel">
var MyComponent = React.createClass({
handleClick: function() {
// 使用原生的 DOM API 获取焦点
this.refs.myInput.focus();
},
render: function() {
// 当组件插入到 DOM 后，ref 属性添加一个组件的引用于到 this.refs
return (
<div>
<input type="text" ref="myInput" />
<input
type="button"
value="点我输入框获取焦点"
onClick={this.handleClick}
/>
</div>
);
}
});
ReactDOM.render(
<MyComponent />,
document.getElementById('example')
);
</script>
</body>
</html>Instanz ausführen »
Klicken Sie auf die Schaltfläche „Instanz ausführen“, um die Online-Instanz anzuzeigen
Reagieren Sie Refs
