JS筛选或查找数组中与react中的owner_name匹配的元素

const data = [
  { id: 1, owner_name: 'John' },
  { id: 2, owner_name: 'Jane' },
  { id: 3, owner_name: 'Alice' },
  { id: 4, owner_name: 'Bob' },
];

const ownerName = 'Jane';

const filteredData = data.filter(item => item.owner_name === ownerName);

console.log(filteredData);

[ { id: 2, owner_name: 'Jane' } ]

import React from 'react';

class MyComponent extends React.Component {
  state = {
    data: [
      { id: 1, owner_name: 'John' },
      { id: 2, owner_name: 'Jane' },
      { id: 3, owner_name: 'Alice' },
      { id: 4, owner_name: 'Bob' },
    ],
    ownerName: 'Jane',
  };

  render() {
    const { data, ownerName } = this.state;

    const filteredData = data.filter(item => item.owner_name === ownerName);

    return (
      <div>
        {filteredData.map(item => (
          <div key={item.id}>{item.owner_name}</div>
        ))}
      </div>
    );
  }
}

export default MyComponent;