用户对问题“使用函数Javascript/React中的字符串动态调用函数/变量”的回答

使用函数Javascript/React中的字符串动态调用函数/变量

import React, {useState} from 'react'
const array = [
    text: 'count1',
    setFunctionName: 'setCount1',
    otherdata: {}
    text: 'count2',
    setFunctionName: 'setCount2',
    otherdata: {}
const myFunction = () => {
  const  [count1, setCount1] = useState(0)
  const  [count2, setCount2] = useState(0)
  return(
       {array.map((item) => {
          // I want to use item.text to reference the correct count variable
          // I want to use item.setFunctionName to change the correct count 
}

import { Button, Collapse } from 'react-bootstrap'
function Example() {
      const [open, setOpen] = useState(false);
      return (
          <Button
            onClick={() => setOpen(!open)} //**I want to dynamically set this when mapping over the array**
            click
          </Button>
          <Collapse in={open}> //**I want to dynamically set this when mapping over the array**
            <div id="example-collapse-text">
              This is example collapsed text
          </Collapse>
    }

import React, { useState } from "react";
const stepOne = () => "This is the step number 1";
const stepTwo = () => "This is the step number 2";
const stepTree = () => "This is the step number 3";
const objectOfFunctions = {
  stepOne,
  stepTwo,
  stepTree
const arrayOfStrings = [
  "stepOne",
  "stepTwo",
  "stepTree"
export default function App() {
  return <div>
      arrayOfStrings.map( (e, index) => (
        <h3 key={index}>

使用函数Javascript/React中的字符串动态调用函数/变量

4 个回答