如何在反应中从字符串数组中取出文本 - Javascript

在使用 React 进行开发时，我们经常需要从字符串数组中获取特定文本，然后将其呈现给用户。这篇文章将教你如何从字符串数组中取出特定文本。

步骤

1. 确认需要获取的文本在字符串数组中的位置。

   const textArray = ['Hello', 'World', 'React'];
   const targetIndex = 1; // the index of 'World'
   

2. 在 React 组件中，使用数组的 map() 函数对字符串进行遍历。

   const TextComponent = () => (
     <div>
       {textArray.map((text, index) => {
         // Code here
       })}
     </div>
   );
   

3. 判断当前遍历到的字符串是否为目标文本。

   const TextComponent = () => (
     <div>
       {textArray.map((text, index) => {
         if (index === targetIndex) {
           // Code here
         }
       })}
     </div>
   );
   

4. 如果当前遍历到的字符串为目标文本，则将其返回给用户。

   const TextComponent = () => (
     <div>
       {textArray.map((text, index) => {
         if (index === targetIndex) {
           return <p>{text}</p>;
         }
       })}
     </div>
   );
   

完整代码

const textArray = ['Hello', 'World', 'React'];
const targetIndex = 1; // the index of 'World'

const TextComponent = () => (
  <div>
    {textArray.map((text, index) => {
      if (index === targetIndex) {
        return <p>{text}</p>;
      }
    })}
  </div>
);

这段代码将会在 TextComponent 组件中返回字符串数组 textArray 中第 targetIndex 个字符串。