recuperer une valeur avec react

Default
,

Bonjour,

Comment je peux recuperer une valeur dans html avec react
suposant, j'ai dans mon code html

 <span id="sum" data-val="100"></span>

et le js

   class LikeBtn2 extends React.Component{

  constructor(props){
      super(props);
      this.state = {      sum : 0  };
    }

    render(){
        return React.createElement( 'a',    {   className: 'btn btn-default'        },  this.state.sum  ); 
    } 

 } 
document.querySelectorAll("span.b-rj2").forEach(function(span){
  ReactDOM.render(React.createElement(LikeBtn2  ) , span);
})

je veux recuperer 100 en utilisant react

Merci d'avance

2 Réponse

44803
,

Bonjour,

Tu n'as pas l'air de maitriser React, j'ai un peu de mal à comprendre ce que tu fais. Cependant, voici ce qui pourrait te mettre sur la voie:

class LikeBtn2 extends React.Component {
    constructor(props){
        super(props);
        this.state = {
            sum : 0  
        };
    }

    onPressButton = () => {
        document.querySelectorAll("span.b-rj2").forEach(function(span){
            const val = span.dataset.val // Récupère "100"

            // Fait ce que tu veux avec
          })
    }

    render() {
        // J'ai utilisé du JSX a la place
        return (
            <button className="btn btn-default" onPress={this.onPressButton}>Bouton</a>
        )
    } 
}
Default
,

oui je viens de coder avec react

merci j'ai pu la recuperer avec : var sum = document.querySelector("span#sum").innerText;

ma classe est dedie de mettre en place des boutons likes pour chaque commentaire 'resolu'
je veux aussi mettre la somme des likes en haut de la page est ce que je dois creer une autre classe sachant que render fournit juste btn like