human
ユーザー入力を取得し、APIを呼び出して結果をHTMLに表示できるReactアプリを作成します。
gpt
以下は、ユーザー入力を受け取り、APIを呼び出し、結果をHTMLで表示するReactアプリの例だ：

```
import React, { useState } from 'react';
import axios from 'axios';

function App() {
  const [inputValue, setInputValue] = useState('');
  const [result, setResult] = useState('');

  const handleInputChange = (event) => {
    setInputValue(event.target.value);
  };

  const handleButtonClick = async () => {
    try {
      const response = await axios.get(`https://example-api.com/${inputValue}`);
      setResult(response.data);
    } catch (error) {
      console.error(error);
    }
  };

  return (
    <div>
      <input type="text" value={inputValue} onChange={handleInputChange} />
      <button onClick={handleButtonClick}>Submit</button>
      <div>{result}</div>
    </div>
  );
}

export default App；
```

このアプリは、ReactのuseStateフックを使ってユーザー入力とAPIレスポンスを管理している。ユーザーが入力フィールドに入力すると、handleInputChange関数がinputValueの状態を更新する。ユーザーがボタンをクリックすると、handleButtonClick関数がaxiosライブラリを使ってAPIリクエストを行い、レスポンスデータでresult状態を更新する。最後に、アプリは inputValue、送信ボタン、結果を別々の div 要素に表示します。