以下は、ユーザー入力を受け取り、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 要素に表示します。
Here's an example of a React app that takes user input, calls an API, and displays the result in HTML:

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;


This app uses React's useState hook to manage the user input and the API response. When the user types into the input field, the handleInputChange function updates the inputValue state. When the user clicks the button, the handleButtonClick function makes an API request using the axios library and updates the result state with the response data. Finally, the app displays the inputValue, a submit button, and the result in separate div elements.