Skip to Content
Menu
This question has been flagged
1 Odpoveď
3133 Zobrazenia

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
Zrušiť
Autor Best Answer


.

Avatar
Zrušiť
Related Posts Replies Zobrazenia Aktivita
1
aug 24
3061
2
máj 25
25808
1
jún 24
3755
2
máj 24
2126
2
apr 24
5816