import React from 'react';

import ReactDOM from 'react-dom/client';

import './index.css';

import App from './App';

import reportWebVitals from './reportWebVitals';

const root = ReactDOM.createRoot(document.getElementById('root'));

class MyComponent extends React.Component {

  constructor(props) {

    super(props);

    this.myInput = React.createRef();


  }

  handleClick() {

    // 使用原生的 DOM API 获取焦点

    this.myInput.current.focus();

    var v = this.myInput.current.value;

    console.log(v);


  }

  render() {

    //  当组件插入到 DOM 后,ref 属性添加一个组件的引用于到 this.refs

    return (

      <div>

        <input type="text" ref={this.myInput} />

        <input

          type="button"

          value="点我输入框获取焦点"

          onClick={this.handleClick.bind(this)}

        />

      </div>

    );

  }

}


root.render(

  <div>

    <MyComponent />,

  </div>

);


https://lowcode-engine.cn/site/docs/guide/quickStart/start

https://learn.microsoft.com/zh-cn/windows/wsl/install

https://zhuanlan.zhihu.com/p/34885182

https://www.zhihu.com/question/519987315

https://blog.csdn.net/qq_49907632/article/details/135974644

https://stackoverflow.com/questions/56617209/the-engine-node-is-incompatible-with-this-module

https://blog.csdn.net/scholar_man/article/details/134491200

https://zhuanlan.zhihu.com/p/409547049

https://zhuanlan.zhihu.com/p/487477918






辽公网安备21010602000703号 备案号:冀ICP备2022001219号