Skip to Content
Menú
This question has been flagged
1 Respondre
2661 Vistes

I have 2 Component Child like this

Js:

export class QT3Form extends Component {
static props = {
handleSubmit: {type: Function}
}
static template = "website_qt3.form"
}

export class QT3Input extends Component {
static props = {
title: {type: String},
type: {type: String},
id: {type: String},
model: {type: String},
required: {type: Boolean}
}
static template = "website_qt3.input"
}

xml:




Submit










And this is the parent component when I use it

JS:

class Parent extends Component {
    static components = {QT3Form, QT3Input}

    setup() {
        super.setup();
        this.state = useState({
            form: {
                name: '',
                sex: 'male',
                age: 0,
                files: []
            },
        })
    }

    handleSubmit = async (e) => {
        e.preventDefault()
       ...something code
    }
}

xml:



As of now, I can only pass the handleSubmit prop to the Form component, but the Input component does not receive props other than the model (only model props are passed to the Input and title, type,... are not received).

What is this error and how to fix it, thanks all

Avatar
Descartar
Autor Best Answer


.

Avatar
Descartar
Related Posts Respostes Vistes Activitat
1
d’ag. 24
2665
2
de maig 25
24355
1
de juny 24
3263
2
de maig 24
1778
2
d’abr. 24
5187