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

相关文章推荐

气宇轩昂的硬盘 · vector存入共享内存(了解) - ...· 1 月前 ·

飞翔的投影仪 · window.crypto.subtle进行 ...· 4 周前 ·

大鼻子的奔马 · C++ 模板常见特性（函数模板、类模板） ...· 10 月前 ·

飞奔的苦咖啡 · 随手写了个plugin，就将小程序体积减少了 ...· 1 年前 ·

聪明伶俐的跑步鞋 · Springboot项目中应用jasypt进 ...· 1 年前 ·

腼腆的土豆 · 关于解决DevExpress用DevExpr ...· 1 年前 ·

闯红灯的毛巾 · 【MySQL】关于MySQL ...· 1 年前 ·

腾讯云

备案控制台

开发者社区

TVP

文章/答案/技术大牛

写文章

使用函数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}>

推荐文章

气宇轩昂的硬盘 · vector存入共享内存(了解) - zzyoucan

1 月前

飞翔的投影仪 · window.crypto.subtle进行rsa-oaep加密

4 周前

大鼻子的奔马 · C++ 模板常见特性（函数模板、类模板） - 小林coding - 博客园

10 月前

飞奔的苦咖啡 · 随手写了个plugin，就将小程序体积减少了120k - 知乎

1 年前

聪明伶俐的跑步鞋 · Springboot项目中应用jasypt进行加解密 - 简书

1 年前

腼腆的土豆 · 关于解决DevExpress用DevExpress patch工具破解后经常弹出试用框的问题 - aXinNo1 - 博客园

1 年前

闯红灯的毛巾 · 【MySQL】关于MySQL 5.6官方镜像docker-entrypoint.sh分析 - 简书

1 年前

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

4 个回答