使用 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

你可以做类似的事情&nbsp; &nbsp;{this.state.all_transactions.map(tx => (&nbsp; &nbsp; &nbsp;<li key={tx.key} onClick={() => this.setState({ value: tx })}>{tx}</li>&nbsp; &nbsp;))}因为您没有共享整个代码，所以只是在这里猜测您想要设置它的内容。您基本上需要使用与文本输入相同的状态。