我如何编写这个函数来获取文章的值？

Question

使用鼠标点击并设置不同的功能，即可捕获文章的价值，这些变化的价值不会改变，永远不会消失。 Como posso 解析器？

import api from '../../services/api';
import { useEffect, useState } from 'react';
import './home.css'


export default function Home(){
const [filmes, setFilmes] = useState([]);
const [title, setTitle] = useState('');

    useEffect(()=>{
        async function loadFilmes(){
            const response = await api.get('movie/now_playing?', {
                params:{
                    api_key:'myApiKey123456',
                    language: 'pt-BR',
                    page: 1,
    
                }
            })
            setFilmes(response.data.results);
        }
        loadFilmes();
        console.log(filmes);
        
    },[]);


    return(
        <div>
            <h1>teste → {title}</h1>
            <div className="slider">
                {filmes.map(filme=>{
                    return(<article key={filme.id} value={filme.title} onClick={e=>setTitle(e.target.value)}>
                        <h3>{filme.title}</h3>
                        <img className='poster' src={`https://image.tmdb.org/t/p/original${filme.poster_path}`} alt={filme.title}/>
                    </article>)
                })}
            </div>
        </div>
    )
}

Answer 1

article

 标签没有 

value

 属性。
因此，如果您达到了目的，请将 

article

 标签更改为 

button

 或 ...

无论如何，你应该将其更改为具有

value

 属性的标签。

或者，您应该像这样更改代码：

return(<article key={filme.id} onClick={setTitle(filme.title)}>
          <h3>{filme.title}</h3>
          <img className='poster' src={`https://image.tmdb.org/t/p/original${filme.poster_path}`} alt={filme.title}/>
       </article>)

祝你好运。