如何在 ReactJS 的另一个函数中访问映射的对象？

以下是将 array.map() 的对象访问到 React 中的另一个函数的简单方法

我们可以直接调用 array.map() 中的函数并在该函数中传递对象以返回所需的值。

设置环境和执行：

第 1 步：创建 React App 命令

npx create-react-app foldername

步骤2：创建项目文件夹后，即文件夹名称，使用以下命令移动到它：

cd foldername

项目结构：它将如下所示。

文件名：App.js

Javascript

import React, { Component } from "react";
 
class App extends Component {
  constructor(props) {
    super(props);
    this.state = {
      books: [
        { title: "Book Title 1", USD: 10 },
        { title: "Book Title 2", USD: 20 },
      ],
    };
  }
 
  // We want to pass books object in this function
  // and return Rupees value
  usdToRupees = (book) => {
    return book.USD * 75;
  };
 
  render() {
    return (
      

        {this.state.books &&
          this.state.books.map((book) => {
            return (
              

                
{book.title}
 
                 
USD = {book.USD}
 
 
                {/* We are passing book object to the function */}
                 
Rupees = {this.usdToRupees(book)}
 
 
                

              
            );
          })}
      
    );
  }
}
 
export default App;

运行应用程序的步骤：从项目的根目录使用以下命令运行应用程序：

npm start

输出：现在打开浏览器并转到http://localhost:3000/ ，您将看到以下输出：