JSFiddle - React, Tailwind, and code Playground

by Arvind Pal

JavaScript

const matchJsonData=[
  {
      "matchId": "6k5zmvoj",
      "info": [
          {
              "date": "2023-09-05 00:00:00.000",
              "numOfteams": "2",
              "numOfPlayerInEachTeam": "4",
              "noOInnings": "2",
              "limitedOver": "3",
              "numOflimitedOver": "1",
              "numOfBallsPerOver": "4",
              "numOfPlayerForPlay": "1",
              "lastmanBatting": "1",
              "outZoneConcept": "0",
              "consecutiveRule": "0",
              "numOfConsecutiveBall": "2",
              "tossWinner": "Team 2 Won the Toss",
              "tossDecision": "Batting",
          
              "result": [
                  {
                      "t1i1_score": "25",
                      "t1i1_wicket": "1",
                      "t2i1_score": "32",
                      "t2i1_wicket": "2",
                      "t1i2_score": "0",
                      "t1i2_wicket": "0",
                      "t2i2_score": "27",
                      "t2i2_wicket": "1",
                      "result_type": "Team 1 Won",
                      "winner_team_id": "1",
                      "win_margin_runs": "34"
                  }
              ],
              "teams": [
                  {
                      "teamId": "T1",
                      "teamName": "Team 1",
                      "players": [
                          {
                              "playerId": "T1,P1",
                              "playername": "T1P1",
                              "oriantation": "Right"
                          },
                          {
                              "playerId": "T1,P2",
                              "playername": "T1P2",
                              "oriantation": "Right"
                          },
                          {
                              "playerId": "T1,P3",
                              "playername": "T1P3",
                              "oriantation": "Right"
           ...