入力フィールドに正しい出力が与えられていないリファレンスフック

Question

リファレンスリファレンスで正しい出力が得られません。それは返す「REFR <入力タイプ= 『テキスト』プレースホルダを= 『SSSSSSSSSS』>」の代わりなどフォーカスなどの機能が含まれているREFオブジェクトの

以下のコードを確認してください - だから、

render() { 
    return (
     <div> 
     <input 
      type="text" 
      ref={(refr) => console.log('refr', refr)} 
      placeholder='ssssssssss'/> 
     </div> 
    ) 
} 

をコンソールでは、'refr <入力タイプ= "text"プレースホルダー= "ssssssssss">'というログを出力します。これに問題はありますか？

Answer 1

ref属性は、refが存在する要素またはコンポーネントへの参照を返します。

このコードを試してください：この記事https://www.reactenlightenment.com/basic-react-components/6.9.html

Answer 2

を読む詳細については

render() { 
    return (
     <div> 
     <input 
      type="text" 
      ref={function(param) {console.log(param)}} 
      placeholder='ssssssssss'/> 
     </div> 
    ) 
} 

は、ここで入力要素

class CustomTextInput extends React.Component { 
    constructor(props) { 
    super(props); 
    this.focusTextInput = this.focusTextInput.bind(this); 
    } 

    focusTextInput() { 
    // Explicitly focus the text input using the raw DOM API 
    this.textInput.focus(); 
    } 

    render() { 
    // Use the `ref` callback to store a reference to the text input DOM 
    // element in an instance field (for example, this.textInput). 
    return (
     <div> 
     <input 
      type="text" 
      ref={(input) => { this.textInput = input; }} /> 
     <input 
      type="button" 
      value="Focus the text input" 
      onClick={this.focusTextInput} 
     /> 
     </div> 
    ); 
    } 
} 

ため、引用文献を使用した例です参考link