javascript ReactJs：未定义参考(非未定义)

7z5jn7bk 于 2022-12-28 发布在 Java

关注(0)|答案(2)|浏览(270)

我已经阅读了参考文献和DOM，并尝试搜索任何可能与我的问题有关的问题或答案（我从"函数"而不是"类"开始）。
这是问题名称："refs"未定义（no-undef）（在console.log(refs.okanhzai.value);处）
这是我的代码：

function ok123(){

      console.log(refs.okanhzai.value);
     }
<div className="panel panel-default">
  <div className="panel-heading">
    <h3 className="panel-title">Categories ok man</h3>
  </div>
  <div className="panel-body">
<div className="form-group">
  
              <label >Search for it</label>

<input type="text" className="form-control" ref="okanhzai"/>

  </div> 

  <button type="submit" className="btn btn-primary" onClick = { ok123() }> Save </button>

我正在尝试将输入值打印到控制台。如果我的代码有任何潜在的bug或错误，请至少帮助我指出它。我将感谢任何进一步的帮助。^_^。谢谢!

JavaScript

来源：https://stackoverflow.com/questions/63016829/reactjs-refs-is-not-defined-no-undef

2条答案

按热度按时间

puruo6ea1#

我认为html应该先 Package 成一个React组件，然后才可以开始使用ref属性。
在下面的代码中，我将您的代码 Package 为一个函数组件，并使用React. createRef（）创建一个ref并将其赋值给okanhzai。

const App = () => {
  const okanhzai = React.createRef(null);

  function ok123(){
    console.log(okanhzai.current.value);
  }
  return (
    <div>
      <div className="panel panel-default">
        <div className="panel-heading">
          <h3 className="panel-title">Categories ok man</h3>
        </div>
        <div className="panel-body">
          <div className="form-group">
            <label >Search for it</label>
            <input type="text" className="form-control" ref={okanhzai}/>
          </div>
        </div>
      </div>
      <button type="submit" className="btn btn-primary" onClick={ok123}> Save </button>
    </div>
  )
}

const container = document.querySelector('#root');
ReactDOM.render(<App />, container);

<script src="https://cdnjs.cloudflare.com/ajax/libs/react/16.6.3/umd/react.production.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.6.3/umd/react-dom.production.min.js"></script>

<div id="root"></div>

赞(0）回复(0）举报 2022-12-28

ru9i0ody2#

从firebase/存储导入“参考”
第一个月

赞(0）回复(0）举报 2022-12-28