使用 React 单击时将值键入输入

Question

我有一个列表，它返回交易 ID。目前此列表没有用，因为您需要复制交易 ID 并将其粘贴到输入中。这个列表是如何呈现的：                  {this.state.all_transactions.map(tx => (                    <li key={tx.key}>{tx}</li>                  ))}    componentDidMount() {      if (window.sessionStorage.getItem("wallet")) {        (async () => {          const arweave = Arweave.init();          var address = window.sessionStorage.getItem("WalletAddress");          const txids = await arweave.arql({            op: "and",            expr1: {              op: "equals",              expr1: "from",              expr2: address            },            expr2: {              op: "equals",              expr1: "App-Name",              expr2: "arshard"            }          });          console.log(txids);          this.setState({ all_transactions: txids });        })();      }    }例如，当我点击一笔交易时，它应该出现在下面的“Enter TX”输入中。因此用户不必复制和粘贴。我尝试onClick在列表项之前添加但是它没有用。更多代码：    state = {      all_transactions: [],      value: ''    };    constructor(props) {      super(props);      this.handleChange = this.handleChange.bind(this);    }        handleChange(e) {      this.setState({value: e.target.value});      window.sessionStorage.setItem("transactionID", e.target.value);    }

Answer 1

你可以做类似的事情

   {this.state.all_transactions.map(tx => (

     <li key={tx.key} onClick={() => this.setState({ value: tx })}>{tx}</li>

   ))}

因为您没有共享整个代码，所以只是在这里猜测您想要设置它的内容。您基本上需要使用与文本输入相同的状态。