Discussion :

[shloy]

bonjours j'ai un petit problème j'ai component App qui prend un component fomulaire
le problème c'est que quand je lance le navigateur j'ai une erreur "TypeError: addMessage is not a function"
voici mon code
merci d'avance

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
import React, { Component } from 'react'
import Formulaire from './coponants/Formulaire'
import Message from './coponants/Message'
import './App.css'
 
class App extends Component {
 
  state = {
    messages : {},
    pseudo: this.props.match.params.pseudo
  }
 
  addMesage = message => {
    const messages = { ...this.state.messages}
    messages[`message-${Date.now()}`] = message
    this.setState({ messages })
  }
 
  render () {
    return (
      <div className='box' >
       <div>
         <div className='messages'>
           <Message/>
         </div>
       </div>
       <Formulaire
       pseudo={this.state.pseudo}
       addMessage={this.
        addMessage}
       />
        </div>
    )
  }
}
export default App

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
import React, { Component } from 'react';
 
class Formulaire extends Component {
 
    state = {
        message:''
    }
 
    createMessage = () => {
        const { addMessage, pseudo } = this.props
 
        const message = {
           pseudo,
           message : this.state.message
        }
 
        addMessage(message)
    }
 
    handleSubmit = event => {
        event.preventDefault()
        this.createMessage()
    }
 
    handleChange = event => {
        const message = event.target.value
        this.setState({ message })
    }
 
   render() { 
        return ( 
            <form className='form'
            onSubmit={ this.handleSubmit }
            >
             <textarea
                 value = { this.state.message }
                 onChange = { this.handleChange }
                 required
                 maxLength='140'
                 >
             </textarea>
                <div className='info'>
                   140
                </div>
                <button type='submit'>
                    Envoyer
                </button>
            </form>
         );
    }
}
 
export default Formulaire;

[Invité]

Bonjour,

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

  addMesage = message => {

[shloy]

pardon?

[Invité]

• addMesage
• addMessage

... Toujours pas ?


Indice :

• addMesssssssssssssssssssssssssage

[shloy]

ah oui m.... pardon
merci !

[Marco46]

Il va falloir songer à changer d'éditeur de code, ce type d'erreur ne devrait plus se produire avec le tooling dont on dispose aujourd'hui. Le dev web dans notepad c'est fini normalement !

EDIT : Sans parler des TU !