无法从 rest api 获取 api 并在反应中得到结果

Question

function App() {
  const [state, setState] = useState([{}]);
  const [resultstate, setResultState] = useState([{}]);

  function handleSubmit() {
    const uri = "/?${form.one}&${form.two}";
  }

  function handleChange(e) {
    const { nodeName, name, value } = e.target;
    if (nodeName === "INPUT") {
      setState({ ...FormData, [name]: value });
    }
  }

  useEffect(() => {
    fetch(uri)
      .then((res) => res.join())
      .then((data) => {
        setResultState(data);
        console.log(data);
      });
  }, []);

  return (
    <div className="App">
      <state onChange={handleChange}>
        <fieldset>
          <legend>Solute</legend>
          <input name="one" value={state.one} />
        </fieldset>
        <fieldset>
          <legend>Solvent</legend>
          <input name="two" value={state.two} />
        </fieldset>
        <button type="button" onClick={handleSubmit}>
          Submit
        </button>
      </state>
    </div>
  );
}

export default App;

我正在构建一个应用程序，其中烧瓶休息 API 接受两个字符串并给出一个浮点值作为预测。现在我正在尝试连接到 react 应用，以便可以在网页上显示预测。

现在我能够获取 URL，但无法使用 useEffect 获取预测结果。谁能指出我哪里做错了

'uri' is not defined no-undef 出现错误

Answer 1

您尚未将 uri 定义为状态的一部分，它是在本地函数中定义的。因此出现错误。

要解决，您需要将其添加到状态中。

const [uri, setUri] = useState('');

在handleSubmit中，可以使用setUri()方法设置状态。

uri 现在可以作为 App 状态的一部分访问。