Question

我有<select> 在React app之外

示例 index.js

import React from 'react';
import ReactDOM from 'react-dom';
import App from './App';

const el = document.getElementById('root');

ReactDOM.render(<App param={el.getAttribute('someParams')}, el);

的index.html

<!DOCTYPE html>
...
    <select id="select" name="select">
      <option value="1">1</option>
      <option value="2">2</option>
    </select>
    <div id="root" someParams="123"></div>
  ...

在App.jsx中，我想在<select>更改时获得<select>值。我怎么能这样做？

Answer 1

在内部应用程序或任何子组件中，您可以使用旧的JavaScript方式访问该元素并添加一个侦听器：

let select = document.getElementById('select');

select.onchange = (e) => {
    console.log('Do something');
}

我如何获得位于React应用程序之外的输入值？

1 个答案: