如何僅在響應中的 onclick 事件後映射 json 列表？ (How to map a json list only after an onclick event in react?)

import React, { Component } from 'react';
import languages from './languages.json';
    const langLi = languages.languages.map(languages => // i want this to happen only after clicking the input
        <option>
                {languages.lang}
        </option>
        )
class Form extends Component {
    render () {
        return (
            <form>
                <input type='text' list='langData'/>
                    <datalist id='langData'>{langLi}</datalist> //
            </form>
        )
    }
}